কম্পিউটার টিউটোরিয়াল

CSS-এ ইমেজ বর্ডারের প্রস্থ (width) সেট করা

border property ব্যবহার করে ইমেজ বর্ডারের প্রস্থ সেট করা যায়। মান লেংথ বা পারসেন্টেজ হতে পারে। ০ পিক্সেল মানে কোনো বর্ডার নেই।

উদাহরণ

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

<html>
  <head>
  </head>
  <body>
    <img style="border:0px;" src="/css/images/logo.png" />
    <br />
    <img style="border:4px dashed green;" src="/css/images/logo.png" />
  </body>
</html>

আধুনিক পদ্ধতি: border-width, border-style, border-color আলাদা করে লেখা বোঝার সহজ। কিন্তু shorthand border সংক্ষিপ্ত।

  1. CSS দিয়ে একটি বক্সের প্রস্থ সেট করা

  2. CSS-এ বর্ডার ইমেজ প্রস্থ সেট করা

  3. CSS-এ বর্ডার ইমেজ স্লাইস করা

  4. CSS দিয়ে বাটনের প্রস্থ সেট করুন