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

CSS-এ বর্ডারের জন্য ড্যাশড (dashed) লাইন যোগ করা

বর্ডারের জন্য ড্যাশড লাইন যোগ করতে border-style property ব্যবহার করা হয়।

উদাহরণ

নিচের কোডটি রান করে border-style property-র dashed মান ব্যবহার করে ড্যাশড বর্ডার সেট করার পদ্ধতি শিখুন:

<html>
  <head>
  </head>
  <body>
    <p style="border-width:3px; border-style:dashed;">
      This is a dashed border. </p>
  </body>
</html>

নোট: মূল উদাহরণে "This is a dotted border" লেখা ছিল, কিন্তু স্টাইল ছিল dashed। এখানে সংশোধন করা হয়েছে।

  1. CSS দিয়ে ইমেজে বর্ডার যোগ করা

  2. CSS দিয়ে কন্টেন্টএডিটেবল (Contenteditable) এলিমেন্টের বর্ডার সরানো

  3. CSS দিয়ে ভার্টিক্যাল লাইন (Vertical Line) তৈরি করা

  4. CSS দিয়ে লিস্টের বুলেট (Bullet) রঙ পরিবর্তন