CSS border-inline-start-width प्रयोग

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

border-inline-start-width गुण सेटिंग एलिमेंट की बॉर्डर विड्थ को पंक्ति दिशा में शुरू करने के लिए

ध्यान दें:इसके लिए border-inline-start-width गुण सक्रिय होना चाहिए, सेट करना आवश्यक है बॉर्डर-इनलाइन-स्टार्ट-स्टाइल गुण।

CSS के border-inline-start-width गुण border-bottom-width、border-left-width、border-right-width और border-top-width गुण बहुत ही समान हैं, लेकिन border-inline-start-width गुण इनलाइन दिशा पर निर्भर करता है。

ध्यान दें:संबंधित CSS गुण इनलाइन दिशा के शुरू के बॉर्डर के स्थान को प्रभावित करता है、text-orientation और इनलाइन दिशा के शुरू और अंत के बॉर्डर के स्थान को प्रभावित करता है इनलाइन दिशा को परिभाषित करता है। यह लाइन के शुरू और अंत के स्थान, और border-inline-start-width अंग्रेजी पृष्ठ के लिए इनलाइन दिशा से बाईं से दाएं तक है, ब्लॉक दिशा से नीचे की ओर है。

गुण का परिणाम

उदाहरण

उदाहरण 1

गुण प्रभाव:
  writing-mode
  direction: rtl;
border-inline-start-width: 10px;

}

इनलाइन दिशा के शुरू के बॉर्डर चौड़ाई सेट करें:

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

गुण प्रभाव:
  writing-mode
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
border-inline-start-width: 10px;

}

border-inline-start-width: 5px;

उदाहरण 3: direction गुण के साथ संयोजन इनलाइन दिशा के शुरू और अंत के बॉर्डर के स्थान को प्रभावित करता है direction

गुण प्रभाव:
  div {
  direction: rtl;
border-inline-start-width: 10px;

}

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

CSS व्याकरणlengthborder-inline-start-width: medium|thin|thick|

|initial|inherit;

गुण मूल्य मूल्य
मध्यम वर्णन
नैंबर बॉर्डर को निर्दिष्ट करता है। मूलभूत मूल्य नैंबर बॉर्डर को निर्दिष्ट करता है。
गहरा गहरे बॉर्डर को निर्दिष्ट करता है。
length आपको बॉर्डर की चौड़ाई परिभाषित करने देता है। संदर्भदाता:सीएसएस इकाइयाँ。
initial इस गुण को उसके मूलभूत मूल्य पर सेट करें। देखें: initial。
विरासत देखें: विरासत。

तकनीकी विवरण

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

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

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

क्रोम एज फायरफॉक्स सफारी ओपेरा
69.0 79.0 41.0 12.1 56.0

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

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

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

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

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

सन्दर्भ:CSS border-inline-start-style प्रयोग

सन्दर्भ:CSS बॉर्डर-बोट-विड्थ अट्रिब्यूट

सन्दर्भ:CSS border-left-width प्रयोग

सन्दर्भ:CSS border-right-width प्रयोग

सन्दर्भ:CSS border-top-width प्रयोग

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

सन्दर्भ:CSS टेक्स्ट-ओरिएंटेशन प्रतियोगिता

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