CSS बॉर्डर-ब्लॉक-स्टाइल अट्रिब्यूट

परिभाषा और उपयोग

border-block-style अटैचर एलिमेंट को बॉक्स दिशा में गार्डर शैली सेट करता है。

border-block-style अटैचर के मूल्य को अलग-अलग तरीकों से सेट किया जा सकता है:

यदि border-block-style अटैचर को दो मूल्य है:

border-block-style: dashed dotted;
  • बॉक्स के शुरूआती किनारा गार्डर शैली डॉटेड लाइन है
  • बॉक्स के अंतिम किनारा गार्डर शैली डॉटेड लाइन है

यदि border-block-style अटैचर को एक मूल्य है:

border-block-style: dashed;
  • बॉक्स के शुरूआती और अंतिम किनारा शैली डॉटेड लाइन है

CSS border-block-style गार्डर अटैचर और CSS अटैचर border-bottom-style、border-left-style、border-right-style और border-top-style बहुत से अनादिक्य लगता है, लेकिन border-block-style गुण बॉक्स दिशा पर निर्भर करता है。

ध्यान दें:संबंधित CSS गुण writing-mode बॉक्स दिशा को परिभाषित करता है। यह बॉक्स के शुरूआती और अंतिम स्थानों और border-block-style गुण का परिणाम। अंग्रेजी पृष्ठ के लिए इनलाइन दिशा दांए से बाईं तरफ है, बॉक्स दिशा नीचे है。

उदाहरण

उदाहरण 1

बॉक्स दिशा पर बॉर्डर शैली सेट करें:

#example1 {
  border-block-style: solid;
}
#example2 {
  border-block-style: dashed dotted;
}

अपने आप से प्रयोग करें

उदाहरण 2: writing-mode गुण के साथ मिलान

बॉक्स दिशा के शुरूआती और अंतिम स्थानों पर बॉर्डर शैली का स्थान बॉक्स दिशा के अनुसार प्रभावित होता है。 writing-mode गुण के प्रभाव:

div {
  writing-mode: vertical-rl;
  border-block-style: dotted;
}

अपने आप से प्रयोग करें

CSS व्याकरण

border-block-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

गुण मान

मान वर्णन
none मूलभूत मान। बिना बॉर्डर को निर्दिष्ट करें。
hidden none के समान है, लेकिन तालिका एलीमेंट के बॉर्डर टकराव सुलझाने के लिए छोड़ी जाती है。
dotted दूरीबड़ लकीरी बॉर्डर को निर्दिष्ट करें。
dashed गड़बड़ लकीरी बॉर्डर को निर्दिष्ट करें。
solid एकल लकीरी बॉर्डर को निर्दिष्ट करें。
double दो लकीरी बॉर्डर को निर्दिष्ट करें。
groove

3D गोचर बॉर्डर को निर्दिष्ट करें。

प्रभाव बॉर्डर-कलर के मान पर निर्भर करता है。
ridge

3D उभरता बॉर्डर को निर्दिष्ट करें。

प्रभाव बॉर्डर-कलर के मान पर निर्भर करता है。
inset

3D अंतर्निहित बॉर्डर को निर्दिष्ट करें。

प्रभाव बॉर्डर-कलर के मान पर निर्भर करता है。
outset

3D बाह्य भुजा बॉर्डर को निर्दिष्ट करें。

प्रभाव बॉर्डर-कलर के मान पर निर्भर करता है。
initial इस गुण को उसके मूलभूत मान पर निर्धारित करें। देखें: initial。
inherit इस गुण को उसके पिता एलीमेंट से विरासत करें। देखें: inherit。

तकनीकी विवरण

मूलभूत मान: none
विरासत: नहीं
एनिमेशन निर्माण: समर्थन नहीं है। देखें:एनिमेशन संबंधी गुण。
संस्करण: CSS3
जेसक्रिप्ट व्याकरण: object.style.borderBlockStyle="dotted"

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。

च्रोम एज फायरफॉक्स सफारी ओपेरा
87.0 87.0 66.0 14.1 73.0

संबंधित पृष्ठ

तस्तीका:CSS बॉर्डर

संदर्भ:CSS बॉर्डर अट्रिब्यूट

संदर्भ:CSS बॉर्डर-ब्लॉक अट्रिब्यूट

संदर्भ:CSS बॉर्डर-ब्लॉक-एंड-स्टाइल अट्रिब्यूट

संदर्भ:CSS बॉर्डर-ब्लॉक-स्टार्ट-स्टाइल अट्रिब्यूट

संदर्भ:CSS बॉर्डर-बोट-स्टाइल अट्रिब्यूट

संदर्भ:CSS border-left-style विशेषता

संदर्भ:CSS border-right-style विशेषता

संदर्भ:CSS border-top-style विशेषता

संदर्भ:CSS रिटिंग-मोड प्रभाव