CSS border-inline-start-style गुण

व्याख्या और उपयोग

और गुण को लाइन-अभिमुखी दिशा में एलिमेंट के प्रारंभिक सीमा शैली सेट करता है।

CSS के और गुण border-bottom-style、border-left-style、border-right-style को प्रभावित करता है border-top-style गुण बहुत अधिक समान हैं, लेकिन और गुण लाइन-अभिमुखी के आधार पर है।

ध्यान दें:संबंधित CSS गुण उदाहरण 2: writing-mode गुण के साथ संयोजन、text-orientation को प्रभावित करता है उदाहरण 3: direction गुण के साथ संयोजन text-orientation और इनलाइन दिशा को निर्धारित करता है। यह एक लाइन के शुरूआती और समाप्ती स्थान, और

border-inline-start-style

गुण का परिणाम। अंग्रेजी पृष्ठ के लिए इनलाइन दिशा दांए से बाईं ओर की ओर चलती है, ब्लॉक दिशा नीचे की ओर चलती है。

उदाहरण

direction
  div {
direction: rtl;

border-inline-start-style: dotted;

उदाहरण 1

इनलाइन दिशा के शुरूआती स्थान के बॉर्डर को शैली निर्धारित करें: उदाहरण 2: writing-mode गुण के साथ संयोजन इनलाइन दिशा के शुरूआती और समाप्ती स्थान के बॉर्डर की स्थिति

direction
  इनलाइन दिशा के शुरूआती स्थान के बॉर्डर की स्थिति
  div {
direction: rtl;

border-inline-start-style: dotted;

writing-mode

writing-mode: vertical-rl; उदाहरण 3: direction गुण के साथ संयोजन इनलाइन दिशा के शुरूआती और समाप्ती स्थान के बॉर्डर की स्थिति

direction
  गुण का प्रभाव:
  div {
direction: rtl;

border-inline-start-style: dotted;

}

स्वयं को प्रयोग करें

CSS व्याकरण

तकनीकी विवरण

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

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

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

तालीमी:CSS किनारा

सन्दर्भ:CSS बॉर्डर गुण

सन्दर्भ:CSS बॉर्डर-इंडाइन पट्टी

सन्दर्भ:CSS बॉर्डर-इंडाइन-इंड पट्टी-शैली गुण

सन्दर्भ:CSS border-inline-start-style गुण

सन्दर्भ:CSS बॉर्डर-बोटम-शैली गुण

सन्दर्भ:CSS border-left-style गुण

सन्दर्भ:CSS border-right-style गुण

सन्दर्भ:CSS border-top-style गुण

सन्दर्भ:CSS direction गुण

सन्दर्भ:CSS text-orientation प्रभाव

सन्दर्भ:CSS writing-mode प्रभाव