خصائص الترتيب CSS
التعريف والاستخدام
تحدد خاصية order ترتيب العنصر الهلامي بالنسبة للعناصر الهلامية الأخرى في نفس الصندوق.
التعليقات:إذا لم يكن العنصر عنصرًا هلاميًا، فإن خاصية order غير نافذة.
يرجى الرجوع إلى:
دليل CSSخصائص flex
دليل CSSخصائص flex-basis
دليل CSSخصائص flex-direction
دليل CSSخصائص flex-flow
دليل CSSخصائص flex-grow
دليل CSSخصائص flex-shrink
دليل CSSخصائص flex-wrap
دليل CSSخصائص align-content
دليل CSSخصائص align-items
دليل CSSخصائص align-self
دليل HTML DOMخصائص order
مثال
إعداد ترتيب العناصر الهلامية:
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}
syntax CSS
order: number|initial|inherit;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| number | القيمة الافتراضية هي 0. يحدد ترتيب العناصر الهلامية. |
| initial | يتم تعيين هذا الخاصية إلى قيمتها الافتراضية. يرجى الرجوع إلى initial. |
| inherit | يرث هذا الخاصية من عنصر الأب. يرجى الرجوع إلى inherit. |
تفاصيل التقنية
| القيمة الافتراضية: | 0 |
|---|---|
| الوراثة: | لا |
| صنع الرسم المتحرك: | يدعم. يرجى الرجوع إلى الخاصية المنفردة. يرجى الرجوع إلى:خصائص الرسم المتحرك. |
| الإصدار: | CSS3 |
| جافا سكريبت syntax: | object.style.order="2" |
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية لأول مرة.
الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية لأول مرة. استخدم التسمية الأولى مع prefix -webkit- أو -moz-.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
|
29.0 21.0 -webkit- |
11.0 |
28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
