grid-column-start


Misol

"item1" 2-ustundan boshlansin:

.item1 {   grid-column-start: 2; }
O‘zingiz sinab ko‘ring »

ULASHISH

Ta’rif va qo‘llanilishi

grid-column-start xususiyati element qaysi ustun chizig‘idan boshlanishini belgilaydi.

Demoni ko‘rsatish ❯

Standart qiymat: auto
Meros qilinadi: yo‘q
Animatsiya qilinadi: ha. animatable haqida o‘qing Sinab ko‘ring
Versiya: CSS Grid Layout moduli, 1-daraja
JavaScript sintaksisi: object.style.gridColumnStart="3" Sinab ko‘ring

Brauzerlarda qo‘llab-quvvatlash

Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.

Xususiyat
grid-column-start 57 16 52 10 44


CSS sintaksisi

grid-column-start: auto|span n|column-line;

Xususiyat qiymatlari

Qiymat Tavsif Demo
auto Standart qiymat. Element oqim tartibiga ko‘ra joylashtiriladi Demo ❯
span n Element egallaydigan ustunlar sonini belgilaydi Demo ❯
column-line Element ko‘rsatilishi qaysi ustundan
boshlanishini belgilaydi
Demo ❯

Tegishli sahifalar

CSS darsligi: CSS Grid maketi

CSS ma’lumotnomasi: grid-column xususiyati

CSS ma’lumotnomasi: grid-column-end xususiyati

CSS ma’lumotnomasi: grid-row-start xususiyati

CSS ma’lumotnomasi: grid-row-end xususiyati


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!