محاذاة النمط خاصية المحتوى

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

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

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

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

تلميح: استخدم خاصية justifyContent لمحاذاة العناصر على المحور الرئيسي (أفقيًا).

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

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

تحدد الأرقام المتبوعة بـ Webkit الإصدار الأول الذي يعمل بالبادئة.

Property
alignContent	21.0	11.0	28.0	9.0 7.0 Webkit	12.1

قم بإرجاع خاصية alignContent:

object.style.alignContent

قم بتعيين خاصية alignContent:

Value	Description
stretch	Default value. Items are stretched to fit the container
center	Items are positioned at the center of the container
flex-start	Items are positioned at the beginning of the container
flex-end	Items are positioned at the end of the container
space-between	Items are positioned with space between the lines
space-around	Items are positioned with space before, between, and after the lines
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

القيمة الافتراضية:	تمتد
قيمة الإرجاع:	سلسلة ، تمثل خاصية محاذاة المحتوى لعنصر
إصدار CSS	CSS3

مرجع نمط HTML DOM: خاصية alignItems

مرجع نمط HTML DOM: خاصية alignSelf

مرجع HTML DOM STYLE: justifyContent property