ویژگی alignItems استایل

تعریف و استفاده

alignItems ویژگی تعریف می‌کند روش پیش‌فرض برای قرارگیری عناصر در قابلیت انعطاف‌پذیر.

نکته:از هر عنصر ویژگی align-self برای align-items属性

مثال

تمام عناصر <div> انعطاف‌پذیر را در آغاز قابلیت‌ها قرار می‌دهد:

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

آزمایش کنید

جملات

بازگشتی alignItems ویژگی را می‌دهد:

موضوع.style.alignItems

تنظیم alignItems ویژگی:

موضوع.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) است.

تمام مرورگرها این را به طور کامل پشتیبانی می‌کنند:

کروم ایج افرادا سافاری اُپرا IE
کروم ایج افرادا سافاری اُپرا IE
پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند 11

صفحات مرتبط

CSS مرجع کتابalign-items属性

HTML DOM STYLE مرجع دستنوشت:alignContent کا حصہ

HTML DOM STYLE مرجع دستنوشت:alignSelf کا حصہ