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

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


जावास्क्रिप्ट में किसी एलिमेंट के बॉर्डर का रंग सेट करने के लिए, borderColor प्रॉपर्टी का उपयोग करें।

उदाहरण

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

<!DOCTYPE html> <html>    <head>       <style>          #box {             height: 300px;             width: 200px;             border: thick dashed yellow;          }       </style>    </head>    <body>       <div id="box">          <p>DEMO TEXT</p>          <p>DEMO TEXT</p>          <p>DEMO TEXT</p>          <p>DEMO TEXT</p>       </div>       <br>       <button type="button" onclick="display()">बॉर्डर का नया रंग सेट करें</button>       <script>          function display() {             document.getElementById("box").style.borderColor = "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. - जावास्क्रिप्ट के साथ लेफ्ट बॉर्डर का रंग कैसे सेट करें?

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