پیشنهاد درس:

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

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

توضیح: ویژگی پیکربندی روش پیش‌فرض ترازی عناصر در قالب انعطاف‌پذیر را مشخص می‌کند.از هر عنصر ویژگی align-self برای پوشش align-items ویژگی.

مثال

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

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

آزمایش کنید

نحوه استفاده

بازگشتی alignItems ویژگی:

object.style.alignItems

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

object.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) است.

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

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند 11

صفحات مرتبط

دستورالعمل CSS:align-items ویژگی

دستورالعمل HTML DOM STYLE:ویژگی alignContent

دستورالعمل HTML DOM STYLE:ویژگی alignSelf