ویژگی order CSS

تعریف و استفاده

ویژگی order ترتیب آیتم‌های انعطاف‌پذیر را در مقایسه با بقیه آیتم‌های انعطاف‌پذیر درون همان قالب تعیین می‌کند.

نکته:اگر عنصر انعطاف‌پذیر نباشد، ویژگی order معتبر نیست.

دستورالعمل CSS:ویژگی flex

دستورالعمل CSS:ویژگی flex-basis

دستورالعمل 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;}

order: number|initial|inherit;

مقدار	توضیح
number	مقدار پیش‌فرض 0 است. تعیین ترتیب آیتم‌های انعطاف‌پذیر.
initial	این ویژگی را به مقدار پیش‌فرض خود تنظیم می‌کند. لطفاً به: مراجعه کنید initial.
inherit	این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به: مراجعه کنید inherit.

مقدار پیش‌فرض:	0
وراثت:	خیر
انیمیشن:	پشتیبانی می‌شود. لطفاً به ویژگی‌های جداگانه مراجعه کنید. لطفاً به: مراجعه کنید:ویژگی‌های مرتبط با انیمیشن.
نسخه:	CSS3
قوانین جاوااسکریپت:	object.style.order="2"

شمارهای موجود در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را کامل پشتیبانی می‌کنند.

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