स्टाइल alignSelf विशेषता
- पिछला पृष्ठ alignItems
- अगला पृष्ठ animation
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
व्याख्या और उपयोग
alignSelf
विशेषता तनावाकृत कंटेनर के भीतर चयनित एलिमेंट के अनुकूलन को निर्धारित करता है।
टिप्पणी:alignSelf विशेषता तनावाकृत कंटेनर के alignItems गुण।
उदाहरण
समयाकृत एलिमेंट के लिए कंटेनर को अनुकूलित करने के लिए एक अनुकूलन तरीका सेट करें:
document.getElementById("myBlueDiv").style.alignSelf = "stretch";
व्याकरण
सेट alignSelf विशेषता:
object.style.alignSelf
सेट alignSelf विशेषता:
object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
विशेषता मान
मान | वर्णन |
---|---|
auto | डिफ़ॉल्ट। एलिमेंट अपने पिता कंटेनर के align-items विशेषता को विरासत करता है, अगर पिता कंटेनर नहीं हो, तो "stretch" होगा। |
stretch | एलिमेंट कंटेनर को अनुकूलित करने के लिए फैलाया जाता है। |
center | एलिमेंट कंटेनर के मध्य में स्थित है। |
flex-start | एलिमेंट कंटेनर के शुरू में स्थित है। |
flex-end | एलिमेंट कंटेनर के अंत में स्थित है। |
baseline | एलिमेंट कंटेनर की बेस लाइन पर स्थित है। |
initial | इस विशेषता को उसके डिफ़ॉल्ट मान पर सेट करें। देखें initial। |
inherit | इस विशेषता को उसके पिता एलिमेंट से विरासत करें। देखें inherit। |
तकनीकी विवरण
डिफ़ॉल्ट मान: | auto |
---|---|
परिणाम: | शब्द, जो एलिमेंट का align-self विशेषता। |
CSS संस्करण: | CSS3 |
ब्राउज़र समर्थन
alignItems
यह CSS3 (1999) विशेषता है।
सभी ब्राउज़र इसे पूरी तरह से समर्थित करते हैं:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
समर्थित | समर्थित | समर्थित | समर्थित | समर्थित | 11 |
संबंधित पृष्ठ
CSS संदर्भ पुस्तकःalign-self विशेषता
HTML DOM STYLE संदर्भ दस्तावेज़ःalignContent गुण
HTML DOM STYLE संदर्भ दस्तावेज़ःalignItems गुण
- पिछला पृष्ठ alignItems
- अगला पृष्ठ animation
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट