CSS बॉर्डर-ब्लॉक-कलर अट्रिब्यूट
- पिछला पृष्ठ बॉर्डर-ब्लॉक
- अगला पृष्ठ बॉर्डर-ब्लॉक-इंड
परिभाषा और उपयोग
border-block-color गुण को सेट करके एलिमेंट के ब्लॉक दिशा के बॉर्डर का रंग निर्धारित करें
ध्यान दें:इसे करने के लिए border-block-color गुण के लिए प्रभावी होने के लिए निश्चित रूप से सेट करना चाहिए border-block-style。
border-block-color गुण के मूल्य को अलग-अलग तरीके से सेट किया जा सकता हैः
यदि border-block-color गुण के दो मूल्य हैंः
border-block-color: pink lightblue;
- ब्लॉक प्रारंभ के सीमा रंग लाल है
- ब्लॉक अंत के सीमा रंग नीला है
यदि border-block-color गुण का एक मान है:
border-block-color: pink;
- ब्लॉक प्रारंभ और अंत के सीमा रंग लाल है
CSS के border-block-color गुण border-bottom-color,border-left-color,border-right-color और border-top-color गुणों बहुत समान हैं, लेकिन border-block-color गुण ब्लॉक दिशा पर निर्भर करता है।
ध्यान दें:संबंधित CSS गुण writing-mode ब्लॉक दिशा को परिभाषित करता है।यह ब्लॉक के प्रारंभ और अंत के स्थान और border-block-color गुण का परिणाम।अंग्रेजी पृष्ठों के लिए，अन्तर्गत दिशा से बाईं तो दाईं और ब्लॉक दिशा से नीचे है।
उदाहरण
उदाहरण 1
ब्लॉक दिशा पर सीमा रंग को सेट करें:
#example1 {
border-block-style: solid;
border-block-color: pink;
}
#example2 {
border-block-style: solid;
border-block-color: pink lightblue;
}
उदाहरण 2: writing-mode गुण के साथ संयोजन
ब्लॉक दिशा पर सीमा रंग के प्रारंभ और अंत के स्थान लिखने के ढंग को writing-mode गुण के प्रभाव में पड़ता है:
div {
writing-mode: vertical-rl;
border-block-color: blue;
}
CSS व्याकरण
border-block-color: color|transparent|initial|inherit;
गुण मान
| मान | वर्णन |
|---|---|
| color |
सीमा रंग को निर्दिष्ट करें।मूलभूत रंग तत्व के वर्तमान रंग है। CSS रंग वैल्यू देखें और पूरे रंग सूची को प्राप्त करें。 |
| transparent | सीमा रंग को पारदर्शी रखें। |
| initial | इस गुण को उसके मूलभूत मान पर सेट करें।देखें: initial。 |
| inherit | इस गुण को उसके माता तत्व से विरासत करें।देखें: inherit。 |
तकनीकी विवरण
| मूलभूत मान: | तत्व का वर्तमान रंग |
|---|---|
| विरासतः | नहीं |
| एनीमेशन निर्माण: | समर्थन किया गया है।देखें:एनीमेशन से संबंधित गुण。 |
| संस्करणः | CSS3 |
| जेसक्रिप्ट व्याकरणः | object.style.borderBlockColor="pink" |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。
| च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
|---|---|---|---|---|
| 87.0 | 87.0 | 66.0 | 14.1 | 73.0 |
संबंधित पृष्ठ
शिक्षणःCSS किनारा
संदर्भःCSS बॉर्डर अट्रिब्यूट
संदर्भःCSS बॉर्डर-ब्लॉक अट्रिब्यूट
संदर्भःCSS बॉर्डर-ब्लॉक-एंड-कलर अट्रिब्यूट
संदर्भःCSS बॉर्डर-ब्लॉक-स्टार्ट-कलर अट्रिब्यूट
संदर्भःCSS बॉर्डर-ब्लॉक-स्टाइल अट्रिब्यूट
संदर्भःCSS बॉर्डर-बोटम-विडथ अट्रिब्यूट
संदर्भःCSS border-left-width प्रतियोगिता
संदर्भःCSS border-right-width प्रतियोगिता
संदर्भःCSS border-top-width प्रतियोगिता
संदर्भःCSS वरिंग-मोड प्रतियोगिता
- पिछला पृष्ठ बॉर्डर-ब्लॉक
- अगला पृष्ठ बॉर्डर-ब्लॉक-इंड
