CSS border-inline-स्टाइल प्रभाव

कोर्स सिफारिश:

border-inline-style परिभाषा और उपयोग

border-inline-style गुण सेट करता है कि एलिमेंट की इनलाइन दिशा पर किनारा शैली क्या होगी।

इनलाइन समाप्ति स्थान के किनारा शैली बिंदुदृश्य (dotted) है border-inline-style गुण के मान को विभिन्न तरीकों से सेट किया जा सकता है:

div {

• गुण की दो मान हैं:
• इनलाइन शुरूआत स्थान के किनारा शैली ठोस (solid) है

इनलाइन समाप्ति स्थान के किनारा शैली बिंदुदृश्य (dotted) है border-inline-style यदि

writing-mode

• गुण की एक मान है:

इनलाइन शुरूआत और समाप्ति स्थानों के किनारा शैली बिंदुदृश्य (dotted) है border-inline-style गुण CSS के border-bottom-style、border-left-style、border-right-style और border-top-style गुण बहुत समान हैं, लेकिन border-inline-style गुण इनलाइन दिशा पर निर्भर करता है।

ध्यान दें:संबंधित CSS गुण border-inline-style: dashed dotted;、text-orientation और उदाहरण 3: direction गुण के साथ मिला हुआ इनलाइन दिशा को परिभाषित करता है।यह शीर्षक और समाप्ति स्थानों को प्रभावित करता है और border-inline-style प्रयोग का परिणाम।अंग्रेजी पृष्ठ पर，इनलाइन दिशा दांए से बाईं तक है और ब्लॉक दिशा नीचे की ओर है।

实例

उदाहरण

इस्तेमाल

उदाहरण 1
  इनलाइन दिशा पर किनारा शैली सेट करें:
direction: rtl;
#example1 {
  border-inline-style: solid;
direction: rtl;

border-inline-style: solid dotted;

#example2 {

border-inline-style: dotted; border-inline-style: dashed dotted; इनलाइन दिशा की शुरूआत और समाप्ति के स्थान पर किनारा की स्थिति इस गुण से प्रभावित होती है

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

border-inline-style: solid dotted;

writing-mode: vertical-rl;

border-inline-style: dotted; उदाहरण 3: direction गुण के साथ मिला हुआ इनलाइन दिशा की शुरूआत और समाप्ति के स्थान पर किनारा की स्थिति इस गुण से प्रभावित होती है

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

border-inline-style: solid dotted;

}

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

CSS व्याकरण

तकनीकी विवरण

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

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

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

तत्विका:CSS बॉर्डर

सन्दर्भ:CSS बॉर्डर प्रतियोगिता

सन्दर्भ:CSS बॉर्डर-इनलाइन प्रतियोगिता

सन्दर्भ:CSS border-inline-स्टाइल प्रभाव

सन्दर्भ:CSS बॉर्डर-बोटम-स्टाइल प्रतियोगिता

सन्दर्भ:CSS border-बाईं-स्टाइल प्रभाव

सन्दर्भ:CSS border-दाईं-स्टाइल प्रभाव

सन्दर्भ:CSS border-top-स्टाइल प्रभाव

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

सन्दर्भ:CSS टेक्स्ट-ओरिएंटेशन प्रभाव

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