Awtarau Properties align-self CSS

التعريف والاستخدام

align-self تحدد خاصية align-self طريقة تحديد توجيه العنصر المحدد داخل المستودع المرن.

ملاحظة:خصائص alignSelf تغطي: align-items الخصائص.

انظر أيضًا:

دليل CSSشبكة CSS

دليل CSSFlexbox CSS

دليل 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 يتم تحديد العنصر في نهاية المستودع.
الخط الأساس يتم تحديد العنصر في خط الأساس للمستودع.
initial أعاد هذا الخصائص إلى قيمته الافتراضية. راجع: initial.
inherit يرث هذا الخصائص من عنصر الأب. راجع: inherit.

تفاصيل التقنية

القيمة الافتراضية: auto
الوراثة: لا
تحريك: غير مدعوم. راجع:خصائص متعلقة بالتحرك.
الإصدار: CSS3
جافا سكربت نحوية: object.style.alignSelf="center"

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية بشكل كامل.

كروم إيديج فايرفوكس سفاري أوبرا
كروم إيديج فايرفوكس سفاري أوبرا
57.0 16.0 52.0 10.1 44.0