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

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


बॉटम बॉर्डर की चौड़ाई सेट करने के लिए, जावास्क्रिप्ट में borderBottomWidth प्रॉपर्टी का उपयोग करें। यह आपको चौड़ाई बदलने की अनुमति देता है।

उदाहरण

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

<!DOCTYPE html> <html>    <body>       <div id="box">Demo Text</div>       <br>       <button onclick="display()">बॉटम बॉर्डर की चौड़ाई सेट करने के लिए क्लिक करें</button>       <script>          function display() {             document.getElementById("box").style.borderBottomStyle = "dashed";             document.getElementById("box").style.borderBottomWidth = "5px";          }       </script>    </body> </html>

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

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

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

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

  1. - JavaScript से एलिमेंट का निचला मार्जिन कैसे सेट करें?

    उदाहरण marginBottom प्रॉपर्टी से एलिमेंट का निचला मार्जिन सेट करें। <!DOCTYPE html> <html> <body> <p id=myID>यह डेमो टेक्स्ट है।</p> <button type=button onclick=display()>निचला मार्जिन सेट करें</button> <script> function display() {