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

CSS-এ টেবিল সেলগুলোর মাঝপথের প্রস্থ (border-spacing) সেট করা

border-spacing property টেবিল সেলগুলোর মাঝপথের প্রস্থ নির্দিষ্ট করে। এটি এক বা দুটি মান নিতে পারে (লেংথ ইউনিট)।

উদাহরণ

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

<html>
  <head>
    <style>
      table.one {
        border-collapse: separate;
        width: 300px;
        border-spacing: 15px 40px;
      }
    </style>
  </head>
  <body>
    <table class="one" border="2">
      <caption>The border-spacing property</caption>
      <tr><td>India</td></tr>
      <tr><td>UK</td></tr>
    </table>
    <br />
  </body>
</html>

স্মরণীয়: border-collapse: separate; থাকতে হবে। প্রথম মান হরizontal, দ্বিতীয় মান vertical স্পেস। এক মান দিলে চারপাশে একই স্পেস।

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

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

  3. CSS column-rule-width প্রোপার্টি দিয়ে কলামের মাঝপথের রেখার প্রস্থ সেট করুন

  4. CSS-এ ট্যাব ক্যারেক্টারের প্রস্থ সেট করা