मार्जिन-ब्लॉक-एंड - सीएसएस-ट्रिक्स

margin-block-endसीएसएस में संपत्ति ब्लॉक दिशा में एक तत्व के बाहरी समाप्त होने के किनारे के साथ स्थान की मात्रा को परिभाषित करता है। यह सीएसएस लॉजिकल प्रॉपर्टीज लेवल 1 स्पेसिफिकेशन में शामिल है, जो वर्तमान में वर्किंग ड्राफ्ट में है।

.element ( margin-block-end: 25%; writing-mode: vertical-lr; )

ब्लॉक दिशा में अंतिम छोर तत्व द्वारा निर्धारित किया जाता है writing-mode, directionऔर text-orientation। इसलिए, जब margin-block-endएक क्षैतिज बाएं से दाएं संदर्भ में उपयोग किया जाता है, तो यह ठीक उसी तरह कार्य करता है जैसे margin-bottomतत्व का शुरुआती किनारा इसके नीचे होता है।

लेकिन अगर हम बदलते हैं writing-mode, कहते हैं, ऊर्ध्वाधर, तत्व को घुमाया जाता है, अंतिम छोर को दाईं ओर रखकर परिणामस्वरूप, जैसा margin-block-endव्यवहार होता है margin-right। मूल रूप से, शुरुआती किनारा उस दिशा के सापेक्ष है जो इसे बहती है। "तार्किक" गुणों के बारे में बात करते समय हमारा यही अर्थ है।

वाक्य - विन्यास

margin-block-end:

यह एक संपत्ति के सिंटैक्स को देखने के लिए थोड़े अजीब है, दस्तावेज़ीकरण में सही एक और सीएसएस संपत्ति के सिंटैक्स को देखें, लेकिन यह वास्तव में यही है। मूल रूप से यह कहने की कोशिश कर रहा है कि संपत्ति उसी मान को स्वीकार करती है margin-topजो इस सिंटैक्स का अनुसरण करता है:

margin-top: | | auto;

प्रारंभिक मूल्य: 0
इस पर लागू होता है: आंतरिक तालिका तत्वों, रूबी बेस कंटेनरों और रूबी एनोटेशन कंटेनरों को छोड़कर सभी तत्व
इन्हेरिट किया: नहीं
प्रतिशत: इसी भौतिक संपत्ति के लिए
संगणित मूल्य: उसी के समान margin-*गुण
एनीमेशन प्रकार: गणना मूल्य प्रकार से

मूल्यों

margin-block-end एकल लंबाई या कीवर्ड मान को स्वीकार करता है।

/* Length values */ margin-block-end: 20px; margin-block-end: 2rem; margin-block-end: 25%; /* Keyword values */ margin-block-end: auto; /* Global values */ margin-block-end: inherit; margin-block-end: initial; margin-block-end: unset;