order
Misol
Flex elementlarning tartibini o‘rnating:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";O‘zingiz sinab ko‘ring »
Tavsif
order xususiyati flex elementning shu konteyner ichidagi boshqa flex elementlarga nisbatan tartibini belgilaydi.
Eslatma: Agar element flex element bo‘lmasa, order xususiyati hech qanday ta’sir qilmaydi.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| order | Ha | 12.0 | Ha | Ha | Ha |
Sintaksis
order xususiyatini qaytarish:
object.style.order
order xususiyatini o‘rnatish:
object.style.order = "number|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| number | Standart qiymat: 0. Flex element uchun tartibni belgilaydi |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | 0 |
|---|---|
| Qaytariladigan qiymat: | Elementning order xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS ma’lumotnomasi: order xususiyati
HTML DOM STYLE ma’lumotnomasi: alignContent xususiyati
HTML DOM STYLE ma’lumotnomasi: alignItems xususiyati
HTML DOM STYLE ma’lumotnomasi: alignSelf xususiyati
HTML DOM STYLE ma’lumotnomasi: flex xususiyati
HTML DOM STYLE ma’lumotnomasi: flexBasis xususiyati
HTML DOM STYLE ma’lumotnomasi: flexDirection xususiyati
HTML DOM STYLE ma’lumotnomasi: flexFlow xususiyati
HTML DOM STYLE ma’lumotnomasi: flexGrow xususiyati
HTML DOM STYLE ma’lumotnomasi: flexShrink xususiyati
HTML DOM STYLE ma’lumotnomasi: flexWrap xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!