CSS बॉर्डर-ब्लॉक-स्टार्ट-स्टाइल अट्रिब्यूट
- पिछला पृष्ठ border-block-start-color
- अगला पृष्ठ border-block-start-width
विभावना और उपयोग
ध्यान दें: गुण एक एलिमेंट के ब्लॉक दिशा में प्रारंभ बॉर्डर स्टाइल सेट करने के लिए उपयोग किया जाता है。
CSS ध्यान दें: गुण और CSS गुण border-bottom-style、border-left-style、border-right-style border-left-style 、 border-right-style ध्यान दें: और
border-top-styleबहुत अधिक समान है, लेकिन उदाहरण 2: writing-mode गुण के साथ संयोजन गुण ब्लॉक दिशा पर निर्भर करता है。 ध्यान दें: ब्लॉक दिशा को परिभाषित करता है। यह ब्लॉक के शुरुआत और समापन स्थान और संबंधित CSS गुणों को प्रभावित करता है
border-block-start-style
गुण का परिणाम। अंग्रेजी पृष्ठ के लिए，इनलाइन दिशा से बाईं से दाएं की ओर होती है, ब्लॉक दिशा नीचे की ओर होती है。
उदाहरण
writing-mode
div {
writing-mode: vertical-rl;
border-block-start-style: dotted;
उदाहरण 1
ब्लॉक दिशा की शुरुआत के बोर्डर को शैली निर्धारित करें: उदाहरण 2: writing-mode गुण के साथ संयोजन ब्लॉक दिशा की शुरुआत के बोर्डर शैली का स्थान इसके द्वारा प्रभावित होता है
writing-mode
गुण प्रभाव:
div {
writing-mode: vertical-rl;
}
अपने आप साबित करें
CSS व्याकरण
| border-block-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit; | गुण मूल्य |
|---|---|
| none | मूल्य |
| वर्णन | मूलभूत मूल्य। बिना बोर्डर को निर्दिष्ट करें。 |
| hidden | इसके साथ "none" समान है, लेकिन तालिका एलीमेंट के बोर्डर टकराव सुलझाने में अलग है。 |
| dashed | बिंदुवाली बोर्डर निर्दिष्ट करें。 |
| solid | सख्त बोर्डर निर्दिष्ट करें。 |
| double | दो रेखी बोर्डर निर्दिष्ट करें。 |
| groove |
3D गांठी बोर्डर निर्दिष्ट करें。 प्रभाव बोर्डर-कलर के मूल्य पर निर्भर करता है。 |
| ridge |
3D बोर्डर गढ़े निर्दिष्ट करें。 प्रभाव बोर्डर-कलर के मूल्य पर निर्भर करता है。 |
| inset |
3D अंदरी चट्टानी बोर्डर निर्दिष्ट करें。 प्रभाव बोर्डर-कलर के मूल्य पर निर्भर करता है。 |
| outset |
3D बाहरी चट्टानी बोर्डर निर्दिष्ट करें。 प्रभाव बोर्डर-कलर के मूल्य पर निर्भर करता है。 |
| initial | इस गुण को उसके मूलभूत मूल्य पर सेट करें। देखें initial。 |
| inherit | इस गुण को उसके माता एलीमेंट से इस गुण को ले लें। देखें inherit。 |
तकनीकी विवरण
| मूलभूत मूल्य: | none |
|---|---|
| विरासतशीलता: | नहीं |
| एनिमेशन निर्माण: | समर्थित नहीं है। देखें:एनिमेशन संबंधी गुण。 |
| संस्करण： | CSS3 |
| जेसक्रिप्ट व्याकरण： | object.style.borderBlockStartStyle="dotted" |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。
| क्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
|---|---|---|---|---|
| 69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
संबंधित पृष्ठ
तत्विका：CSS किनारा
सन्दर्भ：CSS बॉर्डर अट्रिब्यूट
सन्दर्भ：CSS बॉर्डर-ब्लॉक अट्रिब्यूट
सन्दर्भ：CSS बॉर्डर-ब्लॉक-स्टाइल अट्रिब्यूट
सन्दर्भ：CSS बॉर्डर-ब्लॉक-एंड-स्टाइल अट्रिब्यूट
सन्दर्भ：CSS बॉर्डर-बॉटम-स्टाइल अट्रिब्यूट
सन्दर्भ：CSS border-left-style गुण
सन्दर्भ：CSS border-right-style गुण
सन्दर्भ：CSS border-top-style गुण
सन्दर्भ：CSS रिक्त-अध्याय प्रभाव
- पिछला पृष्ठ border-block-start-color
- अगला पृष्ठ border-block-start-width
