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

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

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

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

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

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

margin-inline-end:

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

margin-top: | | auto;

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

मूल्यों

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

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