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

CSS से टेबल सेल्स के बीच चौड़ाई सेट करें

border-spacing टेबल सेल्स के बीच की चौड़ाई निर्दिष्ट करता है। यह एक या दो मान ले सकता है; ये लंबाई की इकाइयां होनी चाहिए।

उदाहरण

निम्न कोड चलाकर टेबल सेल्स की चौड़ाई सेट करें:

<html>
  <head>
    <style>
      table.one {
        border-collapse:separate;
        width:300px;
        border-spacing:15px 40px;
      }
    </style>
  </head>
  <body>
    <table class="one" border="2">
      <caption>The border-spacing property</caption>
      <tr><td> India </td></tr>
      <tr><td> UK </td></tr>
    </table>
    <br />
  </body>
</html>
  1. - CSS width प्रॉपर्टी से बटन की चौड़ाई सेट करें

    CSS width प्रॉपर्टी का उपयोग करके बटन (या किसी भी तत्व) की निश्चित चौड़ाई सेट की जा सकती है। यह बटन के आकार को कंटेंट से स्वतंत्र बनाता है और लेआउट में स्थिरता प्रदान करता है। उदाहरण नीचे दिए गए उदाहरण में, बटन पर width: 120px के साथ अन्य स्टाइल्स (गोल कोने, डैश्ड बॉर्डर) लागू किए गए हैं। <!DOC

  1. - CSS column-rule-width - कॉलम रूल की चौड़ाई सेट करें

    column-rule-width प्रॉपर्टी मल्टी-कॉलम लेआउट में कॉलम के बीच की विभाजक रेखा (रूल) की चौड़ाई निर्धारित करती है। यह column-rule शॉर्टहैंड का हिस्सा है। उदाहरण: 5px चौड़ी डैश्ड रूल <!DOCTYPE html> <html> <head> <style> .demo { column-count: 4; column-gap: 50p

  1. - CSS से टैब वर्ण की चौड़ाई सेट करें

    CSS tab-size प्रॉपर्टी का उपयोग करके टैब वर्ण (\\t) की चौड़ाई स्पेस में सेट करें। यह <pre> या कोड ब्लॉक में उपयोगी है। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {         &