سی ای ایس ایلائن آئیٹمس کی خصوصیات

تعریف اور استعمال

align-items خصوصیات کا استعمال کریئن کا استعمال کریئن ناوگاتر کے اندر پروجیکٹس کا طبیعی منظم کرنا

پیشکش:آئیکن: استفاده کریئن align-self خصوصیات کا استعمال کریئن اس خاصیت کو چوپا لائیں

ایک دوسرے کا حوالہ دیکھئے:

CSS تعلیم:CSS گرڈ

CSS تعلیم:CSS Flexbox

CSS مرجع کتاب:align-content خاصیت

CSS مرجع کتاب:align-self خاصیت

CSS مرجع کتاب:justify-content خاصیت

CSS مرجع کتاب:justify-items خاصیت

CSS مرجع کتاب:justify-self خاصیت

HTML DOM مرجع کتاب:alignItems خاصیت

مثال

تمام پروجیکٹس کو <div> ایلیمنٹس کے اندر وسط میں منظم کریں:

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
جاوا اسکریپت زبان: object.style.alignItems="center"

ناوگاتر کا تعاون

تبلیغات میں نویگیشن کا نسخہ پہلے ناشر کا ناشر ناشر کا نسخہ دیکھئے

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