सीएसएस एलाइन-आइटम्स एट्रिब्यूट

परिभाषा और उपयोग

align-items गुण को अलस्टिक कंटेनर के अंदर के आइटम के मूलभूत जमाएँ रूपरेखा निर्देश करें।

सूचना:प्रत्येक आइटम के एलाइन-सेल्फ गुण को इस align-items गुण को ओवरराइड करने के लिए वापस ले लें।

इसके अलावा देखें:

CSS शिक्षा:CSS Grid

CSS शिक्षा:CSS फ्लेक्सबॉक्स

CSS संदर्भ पुस्तक:align-content गुण

CSS संदर्भ पुस्तक:align-self गुण

CSS संदर्भ पुस्तक:justify-content गुण

CSS संदर्भ पुस्तक:justify-items गुण

CSS संदर्भ पुस्तक:justify-self गुण

HTML DOM संदर्भ पुस्तक:alignItems गुण

उदाहरण

विक्ली एलेमेंट के सभी आइटमों को बीच में जमाएं:

div {
  display: flex;
  align-items: center;
}

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

CSS व्याकरण

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

गुण मान

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

तकनीकी विवरण

मूलभूत मान: stretch
विरासत: नहीं
एनिमेशन निर्माण: इसका समर्थन नहीं है। देखें:एनिमेशन संबंधी गुण
संस्करण: CSS3
JavaScript व्याकरण: object.style.alignItems="center"

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 16.0 52.0 10.1 44.0