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

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


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

उदाहरण

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

<!DOCTYPE html> <html>    <head>       <style>          #newDiv {             height: 150px;             width: 150px;             border: 2px solid #000000;          }       </style>    <body>       <div id="newDiv">          डेमो कंटेंट!       </div>       <br>       <button type="button" onclick="display()">बॉर्डर स्टाइल बदलें</button>       <script>          function display() {             document.getElementById("newDiv").style.borderStyle = "dashed";          }       </script>    </body> </html>

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

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

  1. - JavaScript से एलिमेंट के सभी मार्जिन्स एक साथ कैसे सेट करें?

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

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

    उदाहरण outlineStyle प्रॉपर्टी से आउटलाइन की शैली सेट करें (बॉर्डर के विपरीत, आउटलाइन लेआउट प्रभावित नहीं करता)। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: orange; border: 3px solid red; margin-left: