CSS margin-block गुण

वर्णन और उपयोग

margin-block विशेषता ब्लॉक दिशा में शुरूआती और समाप्ति किनारे का अंतर निर्दिष्ट करती है, यह निम्नलिखित विशेषताओं का अभियोग है:

• margin-block-start
• मार्गिन-ब्लॉक-एंड

margin-block विशेषता के वाल्युएस को अलग-अलग तरीकों से सेट किया जा सकता है:

यदि margin-block विशेषता के दो वाल्युएस हैं:

margin-block: 10px 50px;

• सार्वजनिक किनारा का अन्तिम अंतर 10px है
• समापन किनारे के बाह्य सीमा का बाह्य सीमा 50px है

यदि margin-block गुण को एक मान है:

margin-block: 10px;

• शुरू और समापन किनारे के बाह्य सीमा का बाह्य सीमा 10px है

CSS के margin-block और margin-inline गुण CSS के margin-top,margin-bottom,margin-left और margin-right गुण बहुत ही समान है, लेकिन margin-block और margin-inline गुण ब्लॉक दिशा और भूमिका दिशा पर निर्भर करता है。

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

उदाहरण

उदाहरण 1

ब्लॉक दिशा में दोनों ओर के बाह्य सीमा को सेट करें:

div {
  margin-block: 35px;
}

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

उदाहरण 2

जब <div> एलीमेंट का writing-mode गुण को vertical-rl पर सेट करने पर ब्लॉक दिशा में एलीमेंट का प्रारंभ स्थान शीर्ष से दायाँ तरफ़ जाता है और एलीमेंट का समापन स्थान नीचे से बाएँ तरफ़ जाता है।writing-mode के परिवर्तन से margin-block के प्रभाव भी प्रभावित होते हैं:

#parentDiv {
  writing-mode: vertical-rl;
}
#myDiv {
  margin-block: 10px 50px;
}

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

CSS व्याकरण

margin-block: ऑटो|लंबाई|डिफ़ॉल्ट|विरासत;

गुण मान

तकनीकी विवरण

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

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

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

संदर्भःCSS margin-block-end गुण

संदर्भःCSS margin-block-start गुण

संदर्भःCSS margin-bottom गुण

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

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

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

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

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