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

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


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

उदाहरण

जावास्क्रिप्ट के साथ शीर्ष बॉर्डर का रंग कैसे सेट करें, यह जानने के लिए निम्न कोड चलाकर देखें:

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: thick solid gray;          }       </style>    </head>    <body>       <div id = "box">Demo Text</div>       <br>       <br>       <button type = "button" onclick = "display()">शीर्ष बॉर्डर का रंग बदलें</button>       <script>          function display() {             document.getElementById("box").style.borderTopColor = "green";          }       </script>    </body> </html>

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

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

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

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

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

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