CSS margin-inline-end प्रयोग

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

margin-inline-end वर्णन और उपयोग

गुण को इनलाइन दिशा के अंतिम बाह्य घात को निर्दिष्ट करता है। मार्ग-इन संबंधित CSS गुण गुण बहुत समान है, लेकिन CSS के गुणmargin-bottommargin-topmargin-bottom、 संबंधित CSS गुण margin-left margin-right मार्ग-इन संबंधित CSS गुण गुण बहुत समान है, लेकिन margin-block

गुण ब्लॉक दिशा और इनलाइन दिशा पर निर्भर करता है।ध्यान दें: writing-mode संबंधित CSS गुण direction इनलाइन दिशा को परिभाषित करता है।यह एलीमेंट के शुरूआती और समाप्ती स्थान और margin-inline-end गुण का परिणाम।अंग्रेजी पृष्ठों के लिए ब्लॉक दिशा नीचे की ओर है और इनलाइन दिशा बाईं से दायं की ओर है।

उदाहरण

उदाहरण 1

इनलाइन दिशा के अंतिम बाह्य घात को सेट करें:

div {
  margin-inline-end: 35px;
}

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

उदाहरण 2

जब <div> एलीमेंट का writing-mode गुण मान 'vertical-rl' पर सेट किया गया है तो इनलाइन दिशा नीचे की ओर है।परिणामस्वरूप एलीमेंट का अंतिम हिस्सा दायं से नीचे की ओर जाता है:

div {
  margin-inline-end: 50px;
  writing-mode: vertical-rl;
}

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

उदाहरण 3

जब <div> एलीमेंट का direction गुण मान 'rtl' पर सेट किया गया है तो इनलाइन दिशा दायं से बाईं की ओर है।परिणामस्वरूप एलीमेंट का अंतिम हिस्सा दायं से बाईं की ओर जाता है:

div {
  margin-inline-end: 50px;
  direction: rtl;
}

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

CSS व्याकरण

margin-inline-end: auto|length|initial|inherit;

गुण मान

तकनीकी विवरण

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

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

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

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

संदर्भ:CSS margin-inline-start प्रयोग

संदर्भ:CSS margin-bottom विशेषता

संदर्भ:CSS margin-inline प्रयोग

संदर्भ:CSS margin-left प्रयोग

संदर्भ:CSS margin-right प्रयोग

संदर्भ:CSS margin-top प्रयोग

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