CSS inset-block-end गुण

परिभाषा और उपयोग

inset-block-end को निर्दिष्ट करें

ध्यान दें:गुण इस गुण को प्रभावी बनाने के लिए, ब्लॉक दिशा में एलीमेंट की अंत के साथ पितृ एलीमेंट की दूरी सेट करना आवश्यक है。 position

CSS के inset-inline और इनसेट-ब्लॉक गुण CSS के top、bottom、left और right गुण काफी अधिक समान हैं, लेकिन इनसेट-ब्लॉक और inset-inline गुण ब्लॉक दिशा और लाइन दिशा पर निर्भर करता है。

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

उदाहरण

उदाहरण 1

समायोजित <div> एलीमेंट को ब्लॉक दिशा में अंत के साथ पितृ एलीमेंट की दूरी सेट करें:

div {
  inset-block-end: 50px;
}

अपने आप सिर्फ आया

उदाहरण 2

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

div {
  inset-block-end: 50px;
  writing-mode: vertical-rl;
}

अपने आप सिर्फ आया

CSS व्याकरण

inset-block-end: auto|length|initial|inherit;

गुण मान

तकनीकी विवरण

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

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

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

शिक्षा:CSS स्थानांतरण

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

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