HTML में किसी एलिमेंट के बॉर्डर की मोटाई कैसे प्रदर्शित करें?

HTML में बॉर्डर की मोटाई प्रदर्शित करने के लिए border एट्रिब्यूट का उपयोग किया जाता था।

नोट: यह एट्रिब्यूट HTML5 में समर्थित नहीं है।

उदाहरण

HTML में border एट्रिब्यूट लागू करना सीखें:

<!DOCTYPE html>
<html>
  <body>
    <h2>Cricketers</h2>
    <table style="width:100%" border="1">
      <th>Name</th>
      <tr>
        <td>Sachin Tendulkar</td>
      </tr>
      <tr>
        <td>Virat Kohli</td>
      </tr>
    </table>
  </body>
</html>

CSS का उपयोग करें, क्योंकि border एट्रिब्यूट HTML5 में डिप्रिकेटेड है:

<!DOCTYPE html>
<html>
  <head>
    <style>
      table, th, td {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <h2>Cricketers</h2>
    <table style="width:100%">
      <caption>Indian Cricketers</caption>
      <th>Name</th>
      <tr>
        <td>Sachin Tendulkar</td>
      </tr>
      <tr>
        <td>Virat Kohli</td>
      </tr>
    </table>
  </body>
</html>