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

एक ही डिक्लेरेशन में सभी टॉप बॉर्डर प्रॉपर्टीज सेट करने के लिए, borderTop प्रॉपर्टी का उपयोग करें। इस प्रॉपर्टी के साथ, आप बॉर्डर-टॉप-विड्थ, बॉर्डर-टॉप-स्टाइल, और बॉर्डर-टॉप-कलर प्रॉपर्टी सेट कर सकते हैं।

उदाहरण

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

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: thick solid gray;             width: 300px;             height: 200px          }       </style>    </head>    <body>       <div id="box">Demo Text</div>       <br><br>       <button type="button" onclick="display()">टॉप बॉर्डर बदलें</button>       <script>          function display() {             document.getElementById("box").style.borderTop = "thick solid #000000";          }       </script>    </body> </html>