CSS बॉर्डर-ब्लॉक-अंत-रंग विशेषता
- पिछला पृष्ठ border-block-end
- अगला पृष्ठ border-block-end-style
परिभाषा और उपयोग
border-block-end-color गुण को ब्लॉक दिशा के अंत के तत्व के बॉर्डर रंग सेट करने के लिए उपयोग करें。
गुण ब्लॉक दिशा पर निर्भर करता है。सेट करना चाहिए border-block-end-color सेट करना चाहिए border-block-end-style सक्रिय होने के लिए
गुण CSS border-block-end-color गुण और CSS गुणborder-left-widthborder-bottom-widthborder-left-width、 border-right-width और border-top-width border-block-end-color बहुत अधिक समान है, लेकिन
गुण ब्लॉक दिशा पर निर्भर करता है。ध्यान दें: writing-mode ब्लॉक दिशा को परिभाषित करता है। यह ब्लॉक की शुरूआत और अंत की स्थिति और संबंधित CSS गुणों को प्रभावित करता है border-block-end-color गुण का परिणाम। अंग्रेजी पृष्ठों में इनलाइन दिशा दायां ओर से बाईं ओर तक है, ब्लॉक दिशा अधिक नीचे है。
उदाहरण
उदाहरण 1
ब्लॉक दिशा के अंत के बॉर्डर को रंग निर्धारित करें:
div {
border-block-end-style: solid;
border-block-end-color: pink;
}
उदाहरण 2: writing-mode गुण के साथ जोड़
ब्लॉक दिशा के अंत के बॉर्डर रंग की स्थिति इस गुण के द्वारा प्रभावित होती है writing-mode गुण प्रभाव:
div {
border-block-end-style: solid;
writing-mode: vertical-rl;
border-block-end-color: 5px;
}
CSS व्याकरण
border-block-end-color: color|transparent|initial|inherit;
गुण मूल्य
| मूल्य | वर्णन |
|---|---|
| color | सीमा रंग को निर्दिष्ट करें। मूलभूत रूप से यह तत्व का वर्तमान रंग है। देखिए:सीएसएस रंग मूल्य。 |
| transparent | सीमा रंग को पारदर्शी रखें। |
| initial | इस गुण को उसके मूलभूत मूल्य पर सेट करें। देखिए: initial。 |
| inherit | इस गुण को उसके पिता तत्व से विरासत करें। देखिए: inherit。 |
तकनीकी विवरण
| मूलभूत मूल्य: | तत्व का वर्तमान रंग |
|---|---|
| विरासत की गुणता: | नहीं |
| एनीमेशन निर्माण: | समर्थन किया गया है। देखिए:एनीमेशन संबंधी गुण。 |
| संस्करण: | CSS3 |
| जेसक्रिप्ट व्याकरण: | object.style.borderBlockEndColor="pink" |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。
| च्रोम | एज | फ़ायरफ़ॉक्स | सफारी | ओपेरा |
|---|---|---|---|---|
| 69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
संबंधित पृष्ठ
शिक्षण:CSS बॉर्डर
सन्दर्भ:CSS बॉर्डर विशेषता
सन्दर्भ:CSS बॉर्डर-ब्लॉक विशेषता
सन्दर्भ:CSS बॉर्डर-ब्लॉक-रंग विशेषता
सन्दर्भ:CSS बॉर्डर-ब्लॉक-शुरू-रंग विशेषता
सन्दर्भ:CSS बॉर्डर-ब्लॉक-अंत-शैली विशेषता
सन्दर्भ:CSS बॉर्डर-बोटम-रंग विशेषता
सन्दर्भ:CSS border-left-color गुण
सन्दर्भ:CSS border-right-color गुण
सन्दर्भ:CSS border-top-color गुण
सन्दर्भ:CSS वरिटिंग-मोड अट्रिब्यूट
- पिछला पृष्ठ border-block-end
- अगला पृष्ठ border-block-end-style
