CSS border-collapse property ব্যবহার

border-collapse property নির্দিষ্ট করে যে ব্রাউজার সম limitrophes বর্ডারগুলোর উপস্থিতি নিয়ন্ত্রণ করবে কিনা, অথবা প্রতিটি সেল নিজস্ব স্টাইল বজায় রাখবে।

উদাহরণ

নিচের কোডটি রান করে border-collapse property-র কাজ শিখুন:

<html>
  <head>
    <style>
      table.one {
        border-collapse: collapse;
      }
      table.two {
        border-collapse: separate;
      }
      td.a {
        border-style: dotted;
        border-width: 2px;
        border-color: #000000;
        padding: 20px;
      }
      td.b {
        border-style: solid;
        border-width: 2px;
        border-color: #333333;
        padding: 20px;
      }
    </style>
  </head>
  <body>
    <table class="one">
      <caption>Border Collapse</caption>
      <tr><td class="a">India</td></tr>
      <tr><td class="b">Australia</td></tr>
    </table>
    <br />
    <table class="two">
      <caption>Border Separate</caption>
      <tr><td class="a">India</td></tr>
      <tr><td class="b">Australia</td></tr>
    </table>
  </body>
</html>

মান: collapse (সন্নিবিষ্ট বর্ডার একত্রিত হয়), separate (প্রতিটি সেলের আলাদা বর্ডার, ডিফল্ট), inherit।