خصوصیت 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;

		}

خودتان امتحان کنید »

پشتیبانی مرورگرها

هیچ کدام از مرورگرهای اصلی، خصوصیت 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	عدد صحیحی که ترتیب نمایش عناصر فرزند را مشخص می کند.	نمایش دادن »

لینک های اصلی

مرجع CSS

خصوصیت box-ordinal-group

مثال

پشتیبانی مرورگرها

تعریف و کاربرد

نحوه استفاده

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.