خصائص align-self CSS
- الصفحة السابقة align-items
- الصفحة التالية all
التعريف والاستخدام
align-self خصائص تحدد طريقة التسوية للعنصر المحدد داخل المستودع الهائل.
ملاحظة:خصائص alignSelf تغطي خاصية align-items خصائص.
يرجى الرجوع أيضًا إلى:
دليل CSSCSS Grid
دليل 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" |
دعم المتصفح
الرقم في الجدول يشير إلى إصدار أول متصفح يدعم هذه الخاصية.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 57.0 | 16.0 | 52.0 | 10.1 | 44.0 |
- الصفحة السابقة align-items
- الصفحة التالية all
