borderLeftStyle प्रॉपर्टी का उपयोग किसी तत्व के लिए बाएं बॉर्डर की शैली को सेट या प्राप्त करने के लिए किया जाता है।
सिंटैक्स निम्नलिखित है:
borderLeftStyle प्रॉपर्टी सेट करना:
object.style.borderLeftStyle = value
उपरोक्त प्रॉपर्टी निम्नलिखित हैं:
| मान | विवरण |
|---|---|
| None | यह डिफ़ॉल्ट मान है जो बिना बॉर्डर को निर्दिष्ट करता है। |
| Hidden | यह "none" के समान है लेकिन फिर भी बॉर्डर स्थान लेगा। यह मूल रूप से पारदर्शी है लेकिन फिर भी मौजूद है। |
| dotted | यह एक डॉटेड बॉर्डर को परिभाषित करता है। |
| dashed | यह एक डैश्ड बॉर्डर को परिभाषित करता है। |
| solid | यह एक सॉलिड बॉर्डर को परिभाषित करता है। |
| double | यह एक डबल बॉर्डर को परिभाषित करता है। |
| groove | यह एक 3D ग्रूव बॉर्डर को परिभाषित करता है और रिज के विपरीत है। |
| ridge | यह एक 3D रिज्ड बॉर्डर को परिभाषित करता है और ग्रूव के विपरीत है। |
| inset | यह एक 3D इनसेट बॉर्डर को परिभाषित करता है और प्रभाव ऐसा लगता है जैसे यह एम्बेडेड है। यह आउटसेट के विपरीत प्रभाव पैदा करता है। |
| outset | यह एक 3D आउटसेट बॉर्डर को परिभाषित करता है और प्रभाव ऐसा लगता है जैसे यह उभरा हुआ है। यह इनसेट के विपरीत प्रभाव पैदा करता है। |
| initial | इस प्रॉपर्टी को प्रारंभिक मान पर सेट करने के लिए। |
| inherit | मूल तत्व के प्रॉपर्टी मान को विरासत में लेने के लिए। |
आइए 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="बाएं बॉर्डर की शैली अब बदल गई है"; } </script> </head> <body> <div id="DIV1">SOME SAMPLE TEXT</div> <p>नीचे दिए गए बटन पर क्लिक करके उपरोक्त div के बाएं बॉर्डर की शैली बदलें</p> <button onclick="changeLeftStyle()">बाएं शैली बदलें</button> <p id="Sample"></p> </body> </html>आउटपुट
बाएं शैली बदलें बटन पर क्लिक करने पर:
