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;
गुण मान
मान | वर्णन |
---|---|
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 वरिंग-मोड प्रतियोगिता
- पिछला पृष्ठ इनसेट-ब्लॉक
- अगला पृष्ठ इनसेट-ब्लॉक-स्टार्ट