HTML DOM BorderLeftColor प्रॉपर्टी का इस्तेमाल किसी एलिमेंट के लेफ्ट बॉर्डर के लिए कलर पाने या सेट करने के लिए किया जाता है।
−
. के लिए वाक्य रचना निम्नलिखित हैबॉर्डर इमेजविड्थ प्रॉपर्टी सेट करना -
object.style.borderLeftColor ="color|transparent|initial|inherit"
उपरोक्त गुणों को इस प्रकार समझाया गया है -
| मान | <वें शैली ="पाठ-संरेखण:केंद्र;">विवरण|
|---|---|
| रंग | बाएं बॉर्डर रंग निर्दिष्ट करने के लिए। डिफ़ॉल्ट रंग काला पर सेट है |
| पारदर्शी | बाएं बॉर्डर के रंग को पारदर्शी बनाता है और अंतर्निहित सामग्री को देखा जा सकता है। |
| प्रारंभिक | इस गुण को डिफ़ॉल्ट मान पर सेट करने के लिए। |
| उत्तराधिकारी | मूल संपत्ति मूल्य को इनहेरिट करने के लिए। |
आइए हम BorderLeftColor प्रॉपर्टी के लिए एक उदाहरण देखें -
उदाहरण
नीचे दिए गए बटन पर क्लिक करके उपरोक्त छवि के बॉर्डर का बायां रंग बदलें
आउटपुट
“बॉर्डर का रंग बदलें” . क्लिक करने पर बटन -
उपरोक्त उदाहरण में -
हमने आईडी "DIV1" के साथ एक छवि तत्व बनाया है जिसमें एक सीएसएस शैली लागू है। css शैली सीमा बाएँ शैली और सीमा बाएँ रंग निर्दिष्ट करती है।
#IMG1 { सीमा-बाएं:ठोस 8px; बॉर्डर-लेफ्ट-कलर:ऑरेंज;}
फिर हमने “बॉर्डर का रंग बदलें” . नाम का एक बटन बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर changeBorderLeft() विधि को निष्पादित करेगा -
ChangeBorderLeft() विधि getElementById() विधि का उपयोग करके आईडी "IMG1" के साथ ![]()
तत्व प्राप्त करती है और इसकी सीमाLeftColor शैली की संपत्ति को हल्के हरे रंग में सेट करती है। यह बाएं बॉर्डर के रंग को हल्के हरे रंग में बदल देता है और इस बदलाव को "नमूना" आईडी के साथ इसकी आंतरिक HTML संपत्ति का उपयोग करके पैराग्राफ में प्रदर्शित करता है -
फ़ंक्शन चेंजबॉर्डरलेफ्ट (){ document.getElementById("IMG1").style.borderLeftColor="lightgreen"; document.getElementById("Sample").innerHTML="बाएं बॉर्डर का रंग अब हरे रंग में बदल गया है";}