CSS border-collapse गुण का उपयोग

border-collapse निर्दिष्ट करता है कि ब्राउज़र को एक-दूसरे को छूने वाले आसन्न बॉर्डर्स की उपस्थिति को नियंत्रित करना चाहिए या प्रत्येक सेल को अपनी शैली बनाए रखनी चाहिए।

उदाहरण

निम्न कोड चलाकर border-collapse गुण के साथ काम करना सीखें:

<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 उन्हें अलग रखता है (डिफ़ॉल्ट)।