एक ही घोषणा में सभी सीमा शीर्ष गुणों को सेट करने के लिए, बॉर्डरटॉप का उपयोग करें संपत्ति। इस प्रॉपर्टी से, आप बॉर्डर-टॉप-चौड़ाई, बॉर्डर-टॉप-स्टाइल और बॉर्डर-टॉप-कलर प्रॉपर्टी सेट कर सकते हैं।
उदाहरण
जावास्क्रिप्ट में बॉर्डर-टॉप प्रॉपर्टी के साथ काम करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -
<!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()">Change top border</button>
<script>
function display() {
document.getElementById("box").style.borderTop = "thick solid #000000";
}
</script>
</body>
</html>