CSS inset-block-end गुण

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

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

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

CSS के inset-inline और इनसेट-ब्लॉक गुण CSS के topbottomleft और 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;

गुण मान

मान वर्णन
auto डिफ़ॉल्ट मान।एलीमेंट के डिफ़ॉल्ट इंसेट दूरी
length px, pt, cm आदि इकाइयों में दूरी निर्दिष्ट करें।नकारात्मक मान अनुमति है।देखें:सीएसएस इकाई
% पितृ एलीमेंट के बारे में इस अक्ष पर आकार के प्रतिशत दूरी निर्दिष्ट करें।
initial इस गुण को उसके डिफ़ॉल्ट मान पर सेट करें।देखें: initial
inherit अपने पितृ एलीमेंट से इस गुण को विरासत करें।देखें: inherit

तकनीकी विवरण

डिफ़ॉल्ट मान: auto
विरासत: नहीं
एनिमेशन निर्माण: समर्थन है।देखें:एनिमेशन संबंधी गुण
संस्करण: CSS3
जेसक्रिप्ट व्याकरण: object.style.insetBlockEnd="100px"

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

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

च्रोम एज फायरफॉक्स सफारी ओपेरा
87.0 87.0 63.0 14.1 73.0

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

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

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

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