Properti grid-kolom-mulai CSS
Contoh
Buat "item1" mulai di kolom 2:
.item1 {
grid-column-start: 2;
}
Definisi dan Penggunaan
Properti grid-column-start
menentukan baris kolom mana item akan dimulai.
Nilai bawaan: | mobil |
---|---|
Diwarisi: | tidak |
Animasi: | Ya. Baca tentang animasi |
Versi: kapan: | Modul Tata Letak Grid CSS Level 1 |
Sintaks JavaScript: | objek .style.gridColumnStart="3" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
grid-column-start | 57 | 16 | 52 | 10 | 44 |
Sintaks CSS
grid-column-start: auto|span n|column-line;
Nilai properti
Value | Description | Play it |
---|---|---|
auto | Default value. The item will be placed following the flow | |
span n | Specifies the number of columns the item will span | |
column-line | Specifies on which column to start the display of the item |
Halaman Terkait
Tutorial CSS: Tata Letak Kotak CSS
Referensi CSS: Properti grid -kolom
Referensi CSS: Properti grid -column-end
Referensi CSS: Properti grid -row-start
Referensi CSS: Properti grid -baris-end