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

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

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

उदाहरण

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

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

  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() {

  1. - CSS से बॉर्डर की शैली सेट करें

    बॉर्डर की शैली सेट करने के लिए, border-style गुण का उपयोग करें। border-style गुण आपको निम्नलिखित बॉर्डर शैलियों में से एक चुनने की अनुमति देता है: none: कोई बॉर्डर नहीं solid: बॉर्डर एक सिंगल सॉलिड लाइन है। dotted: बॉर्डर डॉट्स की एक श्रृंखला है। dashed: बॉर्डर छोटी लाइनों की एक श्रृंखला है