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