خصائص Style alignSelf

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

alignSelf يحدد الخصائص هذا الطريقة التوجيهية للعناصر المحددة داخل صندوق المتناوب.

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

مثال

لإعداد طريقة التوجيه للعنصر الذي يتناوب في العناصر الهلامية للتوافق مع المكتبة:

document.getElementById("myBlueDiv").style.alignSelf = "stretch";

جرب بنفسك

النحو

العودة الخاصية align-self:

object.style.alignSelf

إعداد خصائص align-self:

object.style.alignSelf = "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
القيمة التي تعود بها قيمة نصية، تمثل خصائص align-self.
إصدار CSS: CSS3

دعم المتصفحات

alignItems هو خاصية CSS3 (1999).

جميع المتصفحات يدعمونه بشكل كامل:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
يدعم يدعم يدعم يدعم يدعم 11

الصفحات ذات الصلة

دليل CSSخصائص align-self

دليل مرجعي لـ HTML DOM STYLE:خصائص alignContent

دليل مرجعي لـ HTML DOM STYLE:خصائص alignItems