स्टाइल alignItems विशेषता

विवरण और उपयोग

alignItems विशेषता फ्लैक्स कंटेनर के अंदर स्थित आयाम के डिफ़ॉल्ट जस्तीया निर्धारित करता है।

सुझाव:प्रत्येक आयाम का align-self विशेषता बदले align-items विशेषता。

उदाहरण

सभी फ्लैक्स <div> तत्व के सभी आयाम को ब्राउज़र के शुरुआत में स्थित करें:

document.getElementById("main").style.alignItems = "flex-start";

अपने आप साफल्य प्रयोग करें

व्याकरण

alignItems विशेषता वापस करना:

object.style.alignItems

alignItems विशेषता सेट करना:

object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"

विशेषता मान

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

तकनीकी विवरण

डिफ़ॉल्ट मान: stretch
परिणाम: शब्द, जो तत्व के align-items विशेषता。
CSS संस्करणः CSS3

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

alignItems यह CSS3 (1999) विशेषता है।

सभी ब्राउज़र इसे पूरी तरह से समर्थित करते हैंः

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
समर्थन समर्थन समर्थन समर्थन समर्थन 11

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

CSS संदर्भ पुस्तकःalign-items विशेषता

HTML DOM STYLE संदर्भ दस्तावेज़ःalignContent विशेषता

HTML DOM STYLE संदर्भ दस्तावेज़ःalignSelf विशेषता