Properti akhir-kolom-grid CSS
Contoh
Buat "item1" span 3 kolom:
.item1 {
grid-column-end: span 3;
}
Definisi dan Penggunaan
Properti grid-column-end
menentukan berapa banyak kolom yang akan direntangkan item, atau di baris kolom mana item akan berakhir (lihat contoh di akhir halaman ini).
Nilai bawaan: | mobil |
---|---|
Diwarisi: | tidak |
Animasi: | Ya. Baca tentang animasi |
Versi: kapan: | Modul Tata Letak Grid CSS Level 1 |
Sintaks JavaScript: | objek .style.gridColumnEnd="5" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
grid-column-end | 57 | 16 | 52 | 10 | 44 |
Sintaks CSS
grid-column-end:
auto|span n|column-line;
Nilai properti
Value | Description | Play it |
---|---|---|
auto | Default value. The item will span one column | |
span n | Specifies the number of columns the item will span | |
column-line | Specifies on which column to end the display of the item |
Lebih Banyak Contoh
Contoh
Anda dapat menggunakan nilai baris kolom alih-alih jumlah kolom untuk direntangkan:
.item1 {
grid-column-end: 3;
}
Halaman Terkait
Tutorial CSS: Tata Letak Kotak CSS