ویژگی Style order
- صفحه قبلی opacity
- صفحه بعدی orphans
- برگشت به لایه بالاتر موضوع Style HTML DOM
تعریف و استفاده
order ویژگی تعیین می‌کند که آیتم انعطاف‌پذیر در برابر بقیه آیتم‌های انعطاف‌پذیر در یک پنجره انعطاف‌پذیر چه ترتیبی دارد.
توضیحات:اگر عنصر یک آیتم انعطاف‌پذیر نباشد، order ویژگی معتبر نیست.
لطفاً به
دستورالعمل CSS:ویژگی order
مثال
تنظیم ترتیب آیتم‌های انعطاف‌پذیر:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
جملیات
بازگشت ویژگی order:
object.style.order
تنظیم ویژگی order:
object.style.order = "number|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| number | مقدار پیش‌فرض 0. تعیین ترتیب آیتم‌های انعطاف‌پذیر. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | 0 |
|---|---|
| مقدار بازگشتی: | رشته‌ای که بیان‌کننده ویژگی order. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی است.
| Chrome | Edge | Firefox | Safari | opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | opera |
| پشتیبانی | 12.0 | پشتیبانی | پشتیبانی | پشتیبانی |
صفحات مرتبط
دستورالعمل HTML DOM STYLE:alignContent
دستورالعمل HTML DOM STYLE:alignItems
دستورالعمل HTML DOM STYLE:alignSelf
دستورالعمل HTML DOM STYLE:flex
دستورالعمل HTML DOM STYLE:flexBasis
دستورالعمل HTML DOM STYLE:ویژگی flexDirection
دستورالعمل HTML DOM STYLE:ویژگی flexFlow
دستورالعمل HTML DOM STYLE:ویژگی flexGrow
دستورالعمل HTML DOM STYLE:ویژگی flexShrink
دستورالعمل HTML DOM STYLE:ویژگی flexWrap
- صفحه قبلی opacity
- صفحه بعدی orphans
- برگشت به لایه بالاتر موضوع Style HTML DOM
