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

जावास्क्रिप्ट में एक ही डिक्लेरेशन में सभी आउटलाइन प्रॉपर्टीज कैसे सेट करें?

एक ही डिक्लेरेशन में सभी आउटलाइन प्रॉपर्टीज सेट करने के लिए, outline प्रॉपर्टी का उपयोग करें। यह निम्न प्रॉपर्टीज सेट करता है: outline-width, outline-style, और outline-color।

उदाहरण

आउटलाइन प्रॉपर्टीज के साथ कैसे काम करें, यह सीखने के लिए निम्न कोड चलाकर देखें:

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: 2px dashed blue;          }       </style>    </head>    <body>       <div id="box">यह एक डिव है।</div>       <br>       <button type="button" onclick="display()">आउटलाइन सेट करने के लिए क्लिक करें</button>       <script>          function display() {             document.getElementById("box").style.outline = "5px solid red";          }       </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>