CSS scroll-margin-inline-end गुण

अर्थव्याख्या और उपयोग

scroll-margin-inline-end गुण अवधारणा को निर्धारित करता है कि अंतराल दिशा में, अवधारणा के साथ बाहरी तत्व के बीच की दूरी है।

इसका मतलब है कि जब आप सरकार करना बंद करते हैं, तो सरकार तेजी से समायोजित होती है और अंतराल दिशा में निर्धारित दूरी पर रुकती है, यह दूरी सही तरीके से बाहरी तत्व के अंत की अवधारणा के साथ बाहरी तत्व के बीच की दूरी है।

अंतराल दिशा यह है कि अगला अक्षर मौजूदा अक्षर के पास इसके अंतराल में रखा जाता है, यह इसलिए भी है कि जो टैग जो CSS display: inline; का वाला है (जैसे <a> और <strong> टैग), उसका वाक्य में बैठाना है। अंतराल दिशा लिखने की भाषा पर निर्भर करती है, जैसे कि अरबी का नया अक्षर दांए से बाईं ओर आता है, इसलिए अंतराल दिशा दांए से बाईं ओर की है, जबकि अंग्रेजी पृष्ठ का अंतराल दिशा बाईं ओर से दांए की है। अंतराल दिशा CSS गुण के द्वारा निर्धारित की जा सकती है direction और writing-mode अर्थव्याख्या。

अवधारणा का स्थान यह है जब आप सरकार करना बंद करते हैं, तो सही तरीके से बाहरी तत्व के स्थान पर आता है।

ध्यान दें:ध्यान दें: scroll-snap-align इस गुण केवल इनलाइन दिशा में सेट किया गया है

यह गुण 'end' के मान के लिए ही कार्य करता है। scroll-margin-inline-end गुण के प्रभाव को देखने के लिए scroll-margin-inline-end और scroll-snap-align गुण scroll-snap-type गुण

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

उदाहरण

उदाहरण 1

साथ में से ले करके इनलाइन दिशा में से गतिशील कंटेनर तक की दूरी निर्धारित करें:

div {
  scroll-margin-inline-end: 20px;
}

खुद को प्रयोग करें

उदाहरण 2

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

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

खुद को प्रयोग करें

उदाहरण 3

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

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

खुद को प्रयोग करें

सीएसएस व्याकरण

scroll-margin-inline-end: 0|value|initial|inherit;

गुण मान

मान वर्णन
0 मूलभूत मान। एलेमेंट के डिफ़ॉल्ट scroll-margin-inline-end दूरी
length

पिक्सल (px), पैन (pt), सेंटीमीटर (cm) आदि इकाइयों में दूरी को निर्दिष्ट करें। नकारात्मक मान का प्रयोग किया जा सकता है。

देखें:सीएसएस इकाई。
initial इस गुण को उसके मूलभूत मान पर निर्धारित करें। देखें initial。
inherit अपने पितृ तत्व से इस गुण को विरासत करें। देखें inherit。

तकनीकी विवरण

मूलभूत मान: 0
विरासतशीलता: नहीं
एनिमेशन निर्माण: समर्थित नहीं है। देखें:एनिमेशन से संबंधित गुण。
संस्करण: सीएसएस3
जेसक्रिप्ट व्याकरण: object.style.scrollMarginInlineEnd="20px"

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

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

क्रोम एज फायरफॉक्स सफारी ओपेरा
69.0 79.0 68.0 14.1 56.0

相关页面

संदर्भ:CSS दिशा गुण

संदर्भ:CSS scroll-snap-align गुण

संदर्भ:CSS scroll-snap-type गुण

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