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

JavaScript में राइट बॉर्डर की स्टाइल कैसे सेट करें?

अवलोकन

borderRightStyle प्रॉपर्टी राइट बॉर्डर की स्टाइल सेट करती है।

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: thick solid gray;             width: 300px;             height: 300px;          }       </style>    </head>    <body>       <div id="box">Demo Text</div>       <br><br>       <button type="button" onclick="display()">Change right border style</button>       <script>          function display() {             document.getElementById("box").style.borderRightStyle = "dashed";          }       </script>    </body> </html>
  1. - जावास्क्रिप्ट के साथ लेफ्ट बॉर्डर का रंग कैसे सेट करें?

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

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

    उदाहरण marginRight प्रॉपर्टी से एलिमेंट का दायाँ मार्जिन सेट करें। <!DOCTYPE html> <html> <head> <style> #myID { border: 2px solid #000000; } </style> </head> <body> <div id=myID>यह डेमो टेक्स्ट है।</div><

  1. - CSS से बॉर्डर की शैली सेट करें

    बॉर्डर की शैली सेट करने के लिए, border-style गुण का उपयोग करें। border-style गुण आपको निम्नलिखित बॉर्डर शैलियों में से एक चुनने की अनुमति देता है: none: कोई बॉर्डर नहीं solid: बॉर्डर एक सिंगल सॉलिड लाइन है। dotted: बॉर्डर डॉट्स की एक श्रृंखला है। dashed: बॉर्डर छोटी लाइनों की एक श्रृंखला है