सीमा रंग संपत्ति का उपयोग किसी तत्व के सीमा रंग को सेट करने या प्राप्त करने के लिए किया जाता है। बॉर्डरकलर प्रॉपर्टी का उपयोग करके हम बॉर्डर के हर तरफ रंगों में हेरफेर कर सकते हैं यानी हर साइड बॉर्डर में अलग-अलग रंग होते हैं।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैबॉर्डरकलर प्रॉपर्टी सेट करना
object.style.borderColor = "color|transparent|initial|inherit"
मान
संपत्ति के मूल्यों को इस प्रकार समझाया गया है -
<टेबल> <थेड>सीमा रंग निर्दिष्ट करने के लिए।
इससे बॉर्डर का रंग पारदर्शी हो जाता है और इसके नीचे के कंटेंट को देखा जा सकता है।
इस संपत्ति को प्रारंभिक मूल्य पर सेट करने के लिए।
मूल संपत्ति मूल्य प्राप्त करने के लिए
उदाहरण
आइए हम बॉर्डरकलर प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<style>
#DIV1{
width:100px;
height:100px;
border:solid 10px ;
border-color: limegreen crimson;
top: 10px;
}
</style>
<script>
function changeBorderColor(){
document.getElementById("DIV1").style.borderColor="crimson limegreen";
document.getElementById("Sample").innerHTML="The border colors are now reversed ";
}
</script>
</head>
<body>
<div id="DIV1"></div>
<p>Reverse the above div border colors by clicking the below button</p>
<button onclick="changeBorderColor()">Change Border Color</button>
<p id="Sample"></p>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
COLLAPSE BORDER बटन पर क्लिक करने पर -
