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

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

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

उदाहरण

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

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: thick solid gray;             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.borderLeftStyle = "dashed";          }       </script>    </body> </html>

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

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

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

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

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

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