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

अर्थ और उपयोग

margin-inline-start गुण विन्यास को लिए अनुवाद करें: विन्यास को लिए विन्यास की शुरुआती ओर का बाहरी किनारा निर्धारित करता है。

CSS 的 गुण बहुत अधिक आसान हैं, लेकिन से संबंधित CSS गुण margin-inline CSS के गुणmargin-bottommargin-topmargin-bottomमार्गिन-लेफ्ट से संबंधित CSS गुण और margin-right गुण बहुत अधिक आसान हैं, लेकिन से संबंधित CSS गुण margin-inline margin-block

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

उदाहरण

उदाहरण 1

इंलाइन दिशा के शुरूआती छोर के बाहरी घनत्व को सेट करें:

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

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

उदाहरण 2

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

div {
  margin-inline-start: 50px;
  writing-mode: वर्गीय-रेटल;
}

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

उदाहरण 3

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

div {
  margin-inline-start: 50px;
  direction: रेटल;
}

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

CSS व्याकरण

margin-inline-start: ऑटो|लैंग्थ|इनिशियल|विरासत|;

गुण मूल्य

तकनीकी विवरण

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

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

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

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

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

संदर्भःCSS मार्गिन-बोटम प्रकृति

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

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

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

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

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