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

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

आउटलाइन कलर सेट करने के लिए, जावास्क्रिप्ट में outlineColor प्रॉपर्टी का उपयोग करें। outlineColor प्रॉपर्टी लागू करना सीखने के लिए निम्न कोड चलाकर देखें:

उदाहरण

 <!DOCTYPE html> <html> <head> <style> #box { border: 2px solid red; } </style> </head> <body> <div id = "box"> डेमो कंटेंट </div> <br> <button type = "button" onclick = "display()">आउटलाइन कलर बदलें</button> <script> function display() { document.getElementById("box").style.outlineColor = "#FF5733"; document.getElementById("box").style.outline = "2px solid"; } </script> </body> </html>

  1. - JavaScript से एलिमेंट के चारों ओर आउटलाइन की चौड़ाई कैसे सेट करें?

    उदाहरण outlineWidth प्रॉपर्टी से आउटलाइन की मोटाई सेट करें। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: orange; border: 3px solid red; margin-left: 20px; } </style> </head>

  1. - JavaScript से एलिमेंट के चारों ओर आउटलाइन का रंग कैसे सेट करें?

    उदाहरण outlineColor प्रॉपर्टी से आउटलाइन का रंग सेट करें। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: orange; border: 3px solid red; } </style> </head> <body> <p>आउट

  1. - JavaScript से सभी आउटलाइन प्रॉपर्टीज़ एक घोषणा में कैसे सेट करें?

    उदाहरण outline शॉर्टहैंड प्रॉपर्टी से रंग, शैली, चौड़ाई एक साथ सेट करें। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: orange; border: 3px solid red; } </style> </head> <body>