HTML DOM Style borderSpacing प्रॉपर्टी

HTML DOM borderSpacing प्रॉपर्टी का उपयोग टेबल सेल के बीच की दूरी को सेट या प्राप्त करने के लिए किया जाता है।

सिंटैक्स निम्नलिखित है:

borderSpacing प्रॉपर्टी सेट करना:

object.style.borderSpacing = "length length|initial|inherit"

उपरोक्त प्रॉपर्टी निम्नलिखित हैं:

आइए borderSpacing प्रॉपर्टी के लिए एक उदाहरण देखें:

उदाहरण

<!DOCTYPE html> <html> <head> <style> div {       display: flex;       float: left;    } table {     border: 3px solid black;    } td {     border: 3px solid lightgreen;    } th {     border: 3px solid lightblue;    } </style> <script>    function IncreaseBorderSpacing(){       document.getElementById("t1").style.borderSpacing="10px 10px";       document.getElementById("Sample").innerHTML="टेबल बॉर्डर स्पेसिंग अब बढ़ गई है";    } </script> </head> <body> <table id="t1">     <tr>       <th>FRUITS</th>       <th>PRICE </th>     </tr>     <tr>       <td>MANGO </td>       <td>40</td>     </tr>     <tr>       <td>APPLE</td>       <td>50</td>     </tr> </table> <p>नीचे दिए गए बटन पर क्लिक करके उपरोक्त टेबल बॉर्डर स्पेसिंग बढ़ाएं</p> <button onclick="IncreaseBorderSpacing()">बॉर्डर स्पेसिंग बढ़ाएं</button> <p id="Sample"></p> </body> </html>

आउटपुट

बॉर्डर स्पेसिंग बढ़ाएं बटन पर क्लिक करने पर: