ویژگی align-self CSS

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

align-self ویژگی‌ها روش قرارگیری عناصر انتخاب‌شده در داخل قابلمه کششی را مشخص می‌کنند.

توجه داشته باشید:ویژگی alignSelf این ویژگی‌ها را در قابلمه‌های کششی پوشش می‌دهد. align-items ویژگی‌ها

لطفاً به:

آموزش CSS:CSS Grid

آموزش CSS:CSS Flexbox

دستورالعمل CSS:ویژگی alignContent

دستورالعمل CSS:ویژگی alignItems

دستورالعمل CSS:ویژگی justifySelf

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

مثال

یکی از عناصر داخل عنصر کششی را در وسط قرار دهید:

#myBlueDiv {
  align-self: center;
}

آزمایش کنید

آموزش زبان CSS

align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;

مقدار ویژگی

مقدار توضیح
auto پیش‌فرض. عنصر ویژگی align-items قابلمه پدر خود را ارث می‌برد، اگر قابلمه پدری وجود نداشته باشد، مقدار پیش‌فرض "stretch" است.
stretch عنصر برای تطابق با قابلمه کشیده می‌شود.
center عنصر در وسط قابلمه قرار دارد.
flex-start عنصر در شروع قابلمه قرار دارد.
flex-end عنصر در انتهای قابلمه قرار دارد.
baseline عنصر به خط پایه قابلمه قرار می‌گیرد.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. به: initial.
inherit این ویژگی از عنصر پدر خود ارث می‌برد. به: inherit.

جزئیات فنی

مقدار پیش‌فرض: auto
وراثت: خیر
انیمیشن درست کردن: پشتیبانی نمی‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3
آموزش زبان جاوااسکریپت: object.style.alignSelf="center"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این ویژگی پشتیبانی می‌کند.

کروم ایج فایرفاکس سافاری آپرا
کروم ایج فایرفاکس سافاری آپرا
57.0 16.0 52.0 10.1 44.0