خصوصیت box-ordinal-group
مثال (خصوصیت box-ordinal-group)
این مثال ترتیب نمایش فرزندان یک box را مشخص می کند:
.box
{
display:-ms-flexbox; /* Internet Explorer 10 */
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
border:1px solid black;
}
.ord1
{
margin:5px;
-ms-flex-order:1; /* Internet Explorer 10 */
-moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari and Chrome */
box-ordinal-group:1;
}
.ord2
{
margin:5px;
-ms-flex-order:2; /* Internet Explorer 10 */
-moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari and Chrome */
box-ordinal-group:2;
}
خودتان امتحان کنید »{
display:-ms-flexbox; /* Internet Explorer 10 */
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
border:1px solid black;
}
.ord1
{
margin:5px;
-ms-flex-order:1; /* Internet Explorer 10 */
-moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari and Chrome */
box-ordinal-group:1;
}
.ord2
{
margin:5px;
-ms-flex-order:2; /* Internet Explorer 10 */
-moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari and Chrome */
box-ordinal-group:2;
}
پشتیبانی مرورگرها
هیچ کدام از مرورگرهای اصلی، خصوصیت box-ordinal-group را پشتیبانی نمی کنند.
مرورگر Internet Explorer 10 به پیشوند -ms- نیاز دارد.
مرورگر Firefox به پیشوند -moz- نیاز دارند.
مرورگرهای Chrome و Safari به پیشوند -webkit- نیاز دارند.
توجه: مرورگر Internet Explorer 9 و نسخه های قبلی آن، این امکان را پشتیبانی نمی کند.
تعریف و کاربرد
با استفاده از خاصیت box-ordinal-group ترتیب نمایش فرزندان یک box را می توان مشخص کرد.
عناصری با مقادیر کمتر قبل از عناصر مقدار بیشتر قرار می گیرند.
توجه: برای عناصری که دارای مقدار گروه مشابه هستند، چیدمان بر اساس ترتیب نوشتن آنها در سورس می باشد.
| مقدار پیشفرض | 1 |
|---|---|
| ارث بری | خیر |
| نسخه | CSS3 |
| JavaScript ساختار | object.style.boxOrdinalGroup=2 |
نحوه استفاده
box-ordinal-group: integer;
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| integer |
عدد صحیحی که ترتیب نمایش عناصر فرزند را مشخص می کند. |
نمایش دادن » |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6220
