align-items

फ़्लेक्स और ग्रिड

क्रॉस अक्ष पर आइटम कैसे संरेखित हों; center ऊर्ध्व केंद्र देता है।

कैसे लिखें	align-items: stretch;
सामान्य मान	stretch, center, flex-start, flex-end, baseline
विरासत	नहीं — यहीं रुक जाती है
इसका हिस्सा	place-items
श्रेणी	फ़्लेक्स और ग्रिड

कैसे पढ़ें

विरासत में जाने वाली प्रॉपर्टी मूल तत्व पर एक बार लिखें — सभी बच्चे उसे पा लेते हैं। पाठ की अधिकांश प्रॉपर्टी ऐसी ही हैं।
शॉर्टहैंड छोड़े गए मान रीसेट कर देता है। सिर्फ़ background: red लिखने पर पहले लगाई पृष्ठभूमि छवि भी मिट जाती है।
नियम टकराएँ तो अधिक विशिष्ट सिलेक्टर जीतता है; विशिष्टता बराबर हो तभी क्रम तय करता है।
सहजता के लिए transform और opacity एनिमेट करें। width या top बदलने पर लेआउट दोबारा गणना करनी पड़ती है।

Q. CSS align-items प्रॉपर्टी क्या है?

क्रॉस अक्ष पर आइटम कैसे संरेखित हों; center ऊर्ध्व केंद्र देता है।

Q. align-items कैसे लिखें?

इस तरह: align-items: stretch; सामान्य मान: stretch, center, flex-start, flex-end।

Q. क्या align-items विरासत में जाती है?

नहीं। यह वहीं लागू होती है जहाँ लिखी जाए, इसलिए हर तत्व के लिए अलग लिखनी पड़ती है।

Q. align-items को कौन-सा शॉर्टहैंड तय करता है?

place-items इसे एक पंक्ति में तय कर देता है।