Atribut grid-column-start CSS

Definisi dan penggunaan

Properti grid-column-start menentukan di mana item akan mulai di garis kolom.

Lihat pula:

Panduan CSS:Layout Grid CSS

Panduan referensi CSS:Properti grid-column

Panduan referensi CSS:Properti grid-column-end

Panduan referensi CSS:Properti grid-row-start

Panduan referensi CSS:Properti grid-row-end

Contoh

Membuat "item1" mulai dari kolom 2:

.item1 {
  grid-column-start: 2;
}

Coba sendiri

Syntaks CSS

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

Nilai properti

Nilai Deskripsi
auto Nilai default. Item akan bergerak dengan alur.
span n Menentukan berapa banyak kolom item akan melintasi.
column-line Menentukan kolom pertama dimana item akan ditampilkan.

Detil teknis

Nilai default: auto
Mewarisi: Tidak
Pembuatan animasi: Dukung. Lihat:Properti animasi.
Versi: Modul Layout Grid CSS Level 1
Syntaks JavaScript: object.style.gridColumnStart="3"

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung properti ini penuh.

Chrome IE / Edge Firefox Safari Opera
57 16 52 52 10