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

जावास्क्रिप्ट से टेबल बॉर्डर की चौड़ाई कैसे बदलें?


टेबल बॉर्डर की चौड़ाई बदलने के लिए, DOM border प्रॉपर्टी का उपयोग करें। जावास्क्रिप्ट में टेबल बॉर्डर की चौड़ाई बदलना सीखने के लिए निम्न कोड चलाकर देखें:

उदाहरण

<!DOCTYPE html> <html>    <head>       <script>          function borderFunc(x) {             document.getElementById(x).style.border = "5px dashed blue";          }       </script>    </head>      <body>       <table style = "border:2px solid black" id = "newtable">          <tr>             <td>One</td>             <td>Two</td>          </tr>          <tr>             <td>Three</td>             <td>Four</td>          </tr>          <tr>             <td>Five</td>             <td>Six</td>          </tr>       </table>       <p>          <input type = "button" onclick = "borderFunc('newtable')"          value = "बॉर्डर चौड़ाई बदलें">       </p>    </body> </html>

  1. - जावास्क्रिप्ट के साथ लेफ्ट बॉर्डर का रंग कैसे सेट करें?

    जावास्क्रिप्ट में लेफ्ट बॉर्डर का रंग सेट करने के लिए, borderLeftColor प्रॉपर्टी का उपयोग करें। इस प्रॉपर्टी पर वह रंग सेट करें जो आप बॉर्डर के लिए चाहते हैं। उदाहरण लेफ्ट बॉर्डर का रंग सेट करना सीखने के लिए निम्न कोड चलाकर देखें: <!DOCTYPE html> <html>    <head>  

  1. - JavaScript से एलिमेंट की न्यूनतम चौड़ाई कैसे सेट करें?

    उदाहरण minWidth प्रॉपर्टी से एलिमेंट की न्यूनतम चौड़ाई बाध्य करें। <!DOCTYPE html> <html> <head> <style> #box { width: 50%; background-color: gray; } </style> </head> <body> <p>न्यूनतम चौड़ाई सेट करने के लि

  1. - JavaScript से एलिमेंट की अधिकतम चौड़ाई कैसे सेट करें?

    उदाहरण maxWidth प्रॉपर्टी से एलिमेंट की अधिकतम चौड़ाई सीमित करें। <!DOCTYPE html> <html> <body> <p>अधिकतम चौड़ाई सेट करने के लिए नीचे क्लिक करें।</p> <button type=button onclick=display()>अधिकतम चौड़ाई</button> <div id=box> <p>