इनसेट-ब्लॉक-एंड - सीएसएस-ट्रिक्स

inset-block-endएक तार्किक सीएसएस गुण है जो उस लंबाई को निर्धारित करता है जो एक तत्व अपने अंतिम छोर से ब्लॉक दिशा में ऑफसेट होता है। यह उस तरह की घोषणा करने जैसा है जैसे bottomइसके अंतिम बिंदु को तत्व द्वारा निर्धारित किया जाता है direction, text-orientationऔर writing-mode, अन्य तार्किक गुणों की तरह।

संपत्ति CSS लॉजिकल प्रॉपर्टीज़ और वैल्यूज़ लेवल 1 विनिर्देश का हिस्सा है जो वर्तमान में संपादक की ड्राफ्ट स्थिति में है। इसका मतलब है कि परिभाषा और इसके बारे में जानकारी अब और आधिकारिक सिफारिश के बीच बदल सकती है।

.element ( inset-block-end: 50px; position: relative; /* Apples to positioned elements */ writing-mode: vertical-rl; /* Determines the block start direction */ )

तो, उदाहरण के लिए, यदि लेखन मोड पर सेट किया जाता है संपत्ति की तरह कार्य करेगा और सेट तत्व निचले किनारे से ऑफसेट है। यहां तक कि आपको इसके लिए एक ही तत्व पर एक स्पष्ट निर्दिष्ट करने की आवश्यकता है , जैसे प्रभाव और अन्य भौतिक ऑफसेट गुण।horizontal-lrinset-block-endbottompositionbottom

लेकिन तत्व writing-modeको कुछ की तरह बदलें vertical-lrऔर "नीचे" किनारे को ऊर्ध्वाधर दिशा में घुमाया जाए, जो rightसंपत्ति की तरह अधिक कार्य करता है।

वाक्य - विन्यास

inset-block-end: ;

प्रारंभिक मूल्य: auto
इस पर लागू होता है: तत्वों को तैनात किया जाता है
इन्हेरिट किया: नहीं
प्रतिशत: इसी भौतिक संपत्ति के लिए
संगणित मूल्य: समान bottomसंपत्ति के समान
एनीमेशन प्रकार: गणना मूल्य प्रकार से

मूल्यों

inset-block-endलंबाई मान लेता है और वैश्विक कीवर्ड का समर्थन करता है। इसका डिफ़ॉल्ट मान है auto।

/* Length values */ inset-block-end: 50px; inset-block-end: 4em; inset-block-end: 3.5rem inset-block-end: 25vh; /* Percentage values */ inset-block-end: 50%; /* Keyword values */ inset-block-end: auto; /* initial value */ /* Global values */ inset-block-end: initial inset-block-end: inherit; inset-block-end: unset;