Grid elementlari tartibi
Grid elementlarining vizual tartibini belgilash
CSS order xossasi grid elementlarning vizual tartibini belgilash uchun ishlatilishi mumkin.
HTML manba kodidagi birinchi grid element grid konteynerda birinchi element sifatida ko‘rinishi shart emas.
Misol
Grid elementlarning vizual tartibini belgilash:
.item1 {order: 3;}
.item2 {order: 6;}
.item3 {order: 1;}
.item4
{order: 2;}
.item5 {order: 4;}
.item6 {order: 5;}
Natija:
1
2
3
4
5
6
Kirish imkoniyati eslatmasi: order xossasi vizual qayta tartiblash beradi, lekin elementlarning DOM’dagi mantiqiy tartibini o‘zgartirmaydi. Bu ekran o‘quvchilari kabi yordamchi texnologiyalar bilan saytda sayohat qiladigan foydalanuvchilarga ta’sir qiladi — kontent vizual taqdim etilganidan boshqacha tartibda o‘qiladi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!