خاصية ترتيب النمط
مثال
قم بتعيين ترتيب العناصر المرنة:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
التعريف والاستخدام
تحدد خاصية الأمر ترتيب العنصر المرن بالنسبة لبقية العناصر المرنة داخل نفس الحاوية.
ملاحظة: إذا لم يكن العنصر عنصرًا مرنًا ، فلن يكون لخاصية الأمر أي تأثير.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
order | Yes | 12.0 | Yes | Yes | Yes |
بناء الجملة
إعادة خاصية الطلب:
object.style.order
قم بتعيين خاصية الطلب:
object.style.order = "number|initial|inherit"
قيم الملكية
Value | Description |
---|---|
number | Default value 0. Specifies the order for the flexible item |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | 0 |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل خاصية الترتيب لعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
مرجع CSS: خاصية الأمر
مرجع HTML DOM STYLE: alignContent property
مرجع نمط HTML DOM: خاصية alignItems
مرجع نمط HTML DOM: خاصية alignSelf
مرجع HTML DOM STYLE: الخاصية المرنة
مرجع HTML DOM STYLE: خاصية flexBasis
مرجع HTML DOM STYLE: خاصية flexDirection
مرجع HTML DOM STYLE: خاصية flexFlow
مرجع HTML DOM STYLE: خاصية flexGrow
مرجع HTML DOM STYLE: خاصية flexShrink
مرجع HTML DOM STYLE: خاصية flexWrap
❮ نمط الكائن