सीएसएस एलाइन-सेल्फ़ गुण

रोगानुकूलन और उपयोग

align-self गुण फ्लैक्स कंटेनर के भीतर चयनित एलेमेंट के अनुसार अनुवर्तन करता है。

ध्यान दें:alignSelf गुण फ्लैक्स कंटेनर के अलाइन-आयटम्स गुण

और देखें:

CSS पाठ्यक्रम:CSS Grid

CSS पाठ्यक्रम:CSS Flexbox

CSS संदर्भ दस्तावेज़:alignContent गुण

CSS संदर्भ दस्तावेज़:alignItems गुण

CSS संदर्भ दस्तावेज़:justifySelf गुण

HTML DOM संदर्भ दस्तावेज़:alignSelf गुण

उदाहरण

फ्लैक्स एलेमेंट के भीतर के एक घटक को मध्य में संचालित करें:

#myBlueDiv {
  align-self: center;
}

स्वयं प्रयोग करें

CSS व्याकरण

align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;

गुण मूल्य

मूल्य वर्णन
auto डिफ़ॉल्ट। एलेमेंट अपने पिता कंटेनर के align-items गुण को विरासत करता है, अगर पिता कंटेनर नहीं होता तो "stretch" होता है。
stretch एलेमेंट को कंटेनर के अनुसार फैलाया जाता है。
center एलेमेंट कंटेनर के मध्य में स्थित है。
flex-start एलेमेंट कंटेनर के शुरू में स्थित है。
flex-end एलेमेंट कंटेनर के अंत में स्थित है。
बेस लाइन एलेमेंट को कंटेनर की बेस लाइन पर स्थापित किया गया है。
initial इस गुण को उसके डिफ़ॉल्ट वैल्यू पर सेट करें। देखें: initial。
inherit अपने पिता एलेमेंट से इस गुण को विरासत करें। देखें: inherit。

तकनीकी विवरण

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

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

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

क्रोम एज फायरफॉक्स सफारी ओपेरा
क्रोम एज फायरफॉक्स सफारी ओपेरा
57.0 16.0 52.0 10.1 44.0