HTML DOM BorderRightStyle प्रॉपर्टी का इस्तेमाल किसी एलिमेंट के लिए सही बॉर्डर स्टाइल सेट करने या वापस करने के लिए किया जाता है।
−
. के लिए वाक्य रचना निम्नलिखित हैBorderRightStyle प्रॉपर्टी सेट करना -
object.style.borderRightStyle = value
उपरोक्त गुणों को इस प्रकार समझाया गया है -
| मान | <वें शैली ="पाठ-संरेखण:केंद्र;">विवरण|
|---|---|
| कोई नहीं | यह कोई सीमा निर्दिष्ट करने वाला डिफ़ॉल्ट मान है। |
| छिपा हुआ | यह "कोई नहीं" जैसा ही है, लेकिन फिर भी सीमा स्थान लेगा। यह मूल रूप से पारदर्शी है लेकिन फिर भी है। |
| बिंदीदार | यह डॉटेड बॉर्डर को परिभाषित करता है। |
| धराशायी | यह धराशायी बॉर्डर को परिभाषित करता है। |
| ठोस | यह एक ठोस बॉर्डर को परिभाषित करता है। |
| डबल | यह एक डबल बॉर्डर ग्रूव को परिभाषित करता है |
| नाली | यह 3डी ग्रूव बॉर्डर को परिभाषित करता है और रिज के विपरीत है। |
| रिज | यह एक 3D लकीर वाली सीमा को परिभाषित करता है और खांचे के विपरीत है |
| इनसेट | यह एक 3D इनसेट बॉर्डर को परिभाषित करता है और प्रभाव ऐसा लगता है जैसे यह एम्बेडेड है। यह शुरुआत के विपरीत प्रभाव पैदा करता है। |
| शुरुआत | यह एक 3D इनसेट बॉर्डर को परिभाषित करता है और प्रभाव ऐसा दिखता है जैसे यह उभरा हुआ हो। यह इनसेट का विपरीत प्रभाव पैदा करता है। |
| प्रारंभिक | इस गुण को प्रारंभिक मान पर सेट करने के लिए। |
| उत्तराधिकारी | मूल संपत्ति मूल्य प्राप्त करने के लिए |
आइए बॉर्डरराइट प्रॉपर्टी के लिए एक उदाहरण देखें -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
#DIV1{
width:300px;
height:100px;
border-Right: 8px solid dodgerblue;
border-Right-style: groove;
}
</style>
<script>
function changeRightStyle(){
document.getElementById("DIV1").style.borderRightStyle="dashed";
document.getElementById("Sample").innerHTML="The Right border style is now changed";
}
</script>
</head>
<body>
<div id="DIV1">SOME SAMPLE TEXT</div>
<p>Change the above div Right border style size by clicking the below button</p>
<button onclick="changeRightStyle()">Change Right Style</button>
<p id="Sample"></p>
</body>
</html> आउटपुट
“सही शैली बदलें” . पर क्लिक करने पर बटन -
