CSS scroll-margin-right गुण

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

scroll-margin-right गुण के द्वारा अधिकार किनारा और कंटेनर के बीच की दूरी निर्दिष्ट करता है।

अधिकार किनारा का अर्थ है कि बच्चे एलिमेंट जब गति रुके जाए तो उसका अपने कंटेनर में निर्धारित स्थान पर फ़िक्स किया जाए। अधिकार किनारा इस गुण के द्वारा निर्दिष्ट किया जाता है। scroll-snap-align गुण के सेट करने से भी प्रभावित हो सकता है, लेकिन यह CSS गुण के direction और writing-mode प्रभाव का

ध्यान दें:यह गुण केवल जब अधिकार किनारा बच्चे एलिमेंट के अधिकार किनारे पर सेट किया गया है तभी प्रभावी होता है。

देखना scroll-margin-right गुण के प्रभाव को देखने के लिए बच्चे एलिमेंट पर scroll-margin-right और scroll-snap-align गुण को और माता एलिमेंट पर scroll-snap-type गुण

उदाहरण

उदाहरण 1

सेट करें कि अधिकार किनारा और कंटेनर के बीच की गति की बाहरी किनारे की मात्रा 20px है:

div {
  scroll-margin-right: 20px;
}

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

उदाहरण 2: चित्र गैलरी

scroll-margin-right गुण एक अधिकार करने वाले चित्र गैलरी में इस्तेमाल किया जा सकता है। यहाँscroll-margin-right उपयोगकर्ता को बताना कि दायाँ किनारे एक और चित्र है। पहले चित्र के ऊपर गति करके प्रभाव देखें:

#container > img {
  scroll-margin-right: 30px;
}

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

उदाहरण 3: अधिकार किनारा

इसे scroll-margin-right गुण अभी तक प्रभावी है, जब तक कि अधिकार किनारे को बच्चे एलिमेंट के दायाँ किनारे पर सेट नहीं किया गया है। इस उदाहरण मेंdirection गुण अपने बच्चे एलिमेंट के दायाँ किनारे से अधिकार किनारे को बदल देगा।इस तरह के कोड का इस्तेमाल करकेscroll-margin-right गुण अब काम नहीं करेगा:

#container {
  direction: rtl;
}
#container > div {
  scroll-margin-right: 30px;
  scroll-snap-align: none end;
}

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

CSS व्याकरण

scroll-margin-right: 0|value|initial|inherit;

गुण मूल्य

तकनीकी विवरण

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

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

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

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

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

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

संदर्भ:CSS वरिटिंग-मोड एट्रिब्यूट