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

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

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>

border-collapse: separate आवश्यक है ताकि border-spacing काम करे।

  1. - CSS में border-right-style गुण का उपयोग

    border-right-style गुण दाएं बॉर्डर की शैली बदलता है। निम्न कोड चलाकर border-right-style गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=border-width:4px;border-right-style:dashed;> This is demo content </p> </body> </html

  1. - CSS में border-left-width गुण का उपयोग

    border-left-width गुण बाएं बॉर्डर की चौड़ाई बदलता है। निम्न कोड चलाकर border-left-width गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=border-left-width:6px;border-style:solid;> This is demo content. </p> </body> </html&

  1. - CSS list-style-type गुण का उपयोग

    list-style-type आपको मार्कर के आकार या उपस्थिति को नियंत्रित करने की अनुमति देता है। निम्न कोड चलाकर list-style-type गुण लागू करें: उदाहरण <html> <head> </head> <body> <ul style=list-style-type:circle;> <li>India</li> <li>Australi