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

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


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

उदाहरण

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

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: thick solid gray;          }       </style>    </head>    <body>       <div id="box">Demo Text</div>       <br><br>       <button type="button" onclick="display()">लेफ्ट बॉर्डर का रंग बदलें</button>       <script>          function display() {             document.getElementById("box").style.borderLeftColor = "green";          }       </script>    </body> </html>

  1. - जावास्क्रिप्ट के साथ आउटलाइन कलर कैसे सेट करें?

    आउटलाइन कलर सेट करने के लिए, जावास्क्रिप्ट में outlineColor प्रॉपर्टी का उपयोग करें। outlineColor प्रॉपर्टी लागू करना सीखने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html> <head> <style> #box { border: 2px solid red; } </style> </head> <body> &

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

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

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

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