CSS-এ width property ব্যবহার করে ইমেজের প্রস্থ সেট করা

width property ব্যবহার করে ইমেজের প্রস্থ সেট করা যায়। মান লেংথ বা পারসেন্টেজ হতে পারে। পারসেন্টেজ প্যারেন্ট কন্টেইনারের সাপেক্ষে প্রয়োগ হয়।

উদাহরণ

নিচের কোডটি রান করে ইমেজের প্রস্থ সেট করার পদ্ধতি শিখুন:

<html>
  <head>
  </head>
  <body>
    <img style="border:2px solid green; width:100px;" src="/css/images/logo.png" />
    <br />
    <img style="border:2px solid green; width:50%;" src="/css/images/logo.png" />
  </body>
</html>

রেসপন্সিভ ইমেজ: max-width: 100%; height: auto; ব্যবহার করলে ইমেজ কন্টেইনারের চেয়ে বড় হয় না এবং অ্যাসপেক্ট রেশিও বাঁচে থাকে।