Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

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


CSS width प्रॉपर्टी उपयोग करें

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

नोट: इंलाइन style ग्लोबल स्टाइल्स को ओवरराइड कर देता है।

उदाहरण

<!DOCTYPE html> <html>
  <head>
    <style>
      th, td { border: 1px solid black; }
    </style>
  </head>
  <body>
    <h1>Programming Languages</h1>
    <table style="width:100px; border: 1px solid black">
      <tr> <th>Language</th> <th>Release Year</th> </tr>
      <tr> <td>Java</td> <td>1995</td> </tr>
      <tr> <td>Pascal</td> <td>1970</td> </tr>
    </table>
  </body>
</html>
  1. HTML में टेक्स्ट डायरेक्शन कैसे सेट करें? HTML में टेक्स्ट डायरेक्शन कैसे सेट करें?

    CSS direction प्रॉपर्टी टेक्स्ट दिशा सेट करने के लिए style एट्रिब्यूट के साथ CSS direction प्रॉपर्टी उपयोग करें। मान: क्र.सं.मान और विवरण 1ltr - लेफ्ट टू राइट 2rtl - राइट टू लेफ्ट 3initial - डिफ़ॉल्ट मान उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Text Direction

  1. HTML में एलिमेंट की चौड़ाई कैसे सेट करें? HTML में एलिमेंट की चौड़ाई कैसे सेट करें?

    width एट्रिब्यूट का उपयोग HTML में किसी एलिमेंट की चौड़ाई सेट करने के लिए किया जाता है। यह निम्न एलिमेंट्स के साथ काम करता है: <canvas>, <embed>, <img>, <input>, <video>, <iframe>, <object>, <svg>, <table>, <td>, <th>, <col>। उ

  1. HTML DOM Style width प्रॉपर्टी HTML DOM Style width प्रॉपर्टी

    style.width प्रॉपर्टी क्या है? HTML DOM style.width प्रॉपर्टी किसी तत्व की चौड़ाई को प्राप्त या सेट करती है। यह CSS width प्रॉपर्टी के अनुरूप है। डिफ़ॉल्ट रूप से, यह कंटेंट क्षेत्र की चौड़ाई सेट करती है (जब तक कि box-sizing: border-box न हो, तब यह बॉर्डर+पैडिंग+कंटेंट होती है)। सिंटैक्स चौड़ाई प्र