خصائص alignContent النمط

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

عندما لا يستخدم الطلاب المساحة المتاحة على المحور الأفقي (عمودياً)،alignContent تضبط تسوية الطلاب في صندوق التمدد المرن.

إشارة:استخدم خصائص justifyContent تضبط التسوية للطلاب على المحور الرئيسي (أفقياً).

التعليق:يجب أن يكون هناك سطور متعددة من الطلاب لتعمل هذه الخاصية.

مثال

وضع عناصر <div> المرنة للطلاب في المسافات بين السطور المتبقية:

document.getElementById("main").style.alignContent = "space-between";

تجربة شخصية

النحو

استرداد خصائص alignContent:

object.style.alignContent

ضبط خصائص alignContent:

object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"

قيمة الخصائص

القيمة الوصف
stretch القيمة الافتراضية. يتم تمدد الخط لملء المساحة المتبقية.
center الطلاب يوضعون في منتصف العنصر.
flex-start الطلاب يوضعون في بداية العنصر.
flex-end الطلاب يوضعون في نهاية العنصر.
space-between الطلاب يوضعون في الخطوط التي تحتوي على مسافات.
space-around الخطوط قبلها، بينها وبعد الطلاب تترك مسافات.
initial ضبط هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit يرث هذا الخصائص من العنصر الأم. يرجى الرجوع إلى inherit.

تفاصيل تقنية

القيمة الافتراضية: stretch
القيمة المعدة: السلسلة، تعبر عن خصائص align-content.
إصدار CSS: CSS3

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

alignContent هي خاصية CSS3 (1999).

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

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

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

دليل CSS:خصائص align-content

دليل DOM STYLE HTML:خصائص alignItems

دليل DOM STYLE HTML:خصائص alignSelf

دليل DOM STYLE HTML:خصائص justifyContent