order
Misol
Flex elementlar tartibini o‘rnating:
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
order xususiyati flex yoki grid konteynerdagi flex elementi yoki grid elementining vizual tartibini belgilaydi.
Eslatma: Agar element flex elementi yoki grid elementi bo‘lmasa,
order xususiyati ta’sir qilmaydi.
Foydalanish qulayligi (accessibility) bo‘yicha eslatma: order xususiyati elementlarni faqat vizual jihatdan qayta tartiblaydi, lekin ularning DOM’dagi mantiqiy tartibini o‘zgartirmaydi. Bu saytda ekran o‘quvchi dasturlar kabi yordamchi texnologiyalar yordamida harakatlanadigan foydalanuvchilarga ta’sir qiladi, chunki kontent vizual ko‘rinishidagidan boshqa tartibda o‘qiladi.
| Standart qiymat: | 0 |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | ha, alohida xususiyatlarga qarang. animatable haqida o‘qing Sinab ko‘ring |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.order="2" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| order | 29 | 12 | 28 | 9.0 | 12.1 |
CSS sintaksisi
order: number|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| number | Standart qiymati — 0. Flex elementi yoki grid elementi tartibini belgilaydi | Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Tegishli sahifalar
CSS ma’lumotnomasi: flex xususiyati
CSS ma’lumotnomasi: flex-basis xususiyati
CSS ma’lumotnomasi: flex-direction xususiyati
CSS ma’lumotnomasi: flex-flow xususiyati
CSS ma’lumotnomasi: flex-grow xususiyati
CSS ma’lumotnomasi: flex-shrink xususiyati
CSS ma’lumotnomasi: flex-wrap xususiyati
CSS ma’lumotnomasi: align-content xususiyati
CSS ma’lumotnomasi: align-items xususiyati
CSS ma’lumotnomasi: align-self xususiyati
HTML DOM ma’lumotnomasi: order xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!