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

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


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

उदाहरण

जावास्क्रिप्ट के साथ टॉप बॉर्डर की चौड़ाई सेट करना सीखने के लिए निम्न कोड चलाकर देखें:

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: thick solid blue;             width: 300px;             height: 300px;          }       </style>    </head>    <body>       <div id="box">Demo Text</div>       <br><br>       <button type="button" onclick="display()">टॉप बॉर्डर की चौड़ाई बदलें</button>       <script>          function display() {             document.getElementById("box").style.borderTopWidth = "10px";          }       </script>    </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 से एलिमेंट का शीर्ष मार्जिन कैसे सेट करें?

    उदाहरण marginTop प्रॉपर्टी से एलिमेंट का शीर्ष मार्जिन सेट करें। <!DOCTYPE html> <html> <head> <style> #myID { border: 2px solid #000000; } </style> </head> <body> <div id=myID>यह डेमो टेक्स्ट है।</div><br