HTML में टेबल सेल की चौड़ाई और ऊंचाई कैसे सेट करें?

CSS का उपयोग करें

HTML5 में <td> सेल के height और width एट्रिब्यूट्स सपोर्टेड नहीं हैं। सेल की चौड़ाई और ऊंचाई सेट करने के लिए CSS प्रॉपर्टीज़ width और height का उपयोग करें।

नोट: style एट्रिब्यूट का उपयोग ग्लोबल स्टाइल्स को ओवरराइड कर देता है, चाहे वे <style> टैग में हों या एक्सटर्नल स्टाइलशीट में।

उदाहरण

<!DOCTYPE html> <html>
  <head>
    <style>
      table, th, td { border: 1px solid black; }
    </style>
  </head>
  <body>
    <h1>Tutorial</h1>
    <table>
      <tr>
        <th>Language</th> <th>Lessons</th>
      </tr>
      <tr>
        <td style="height:100px;width:100px">Java</td>
        <td style="height:100px;width:100px">50</td>
      </tr>
      <tr>
        <td>Ruby</td> <td>40</td>
      </tr>
    </table>
  </body>
</html>