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