सीएसएस एलाइन-आइटम्स एट्रिब्यूट
- पिछला पृष्ठ align-content
- अगला पान एलाइन-सेल्फ
परिभाषा और उपयोग
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 |
- पिछला पृष्ठ align-content
- अगला पान एलाइन-सेल्फ