Atribut CSS grid-columns
Dukungan Peramban
Saat ini tidak ada peramban yang mendukung grid-columns.
Definisi dan Penggunaan
Atribut grid-columns lebar setiap kolom dalam grid.
Tips:Sistem grid sangat berharga bagi desainer cetak. Sekarang perubahan yang sama diterapkan pada konten online. Atribut grid menyediakan kemampuan mengatur ukuran dan posisi judul, teks, dan gambar dalam grid yang dapat berubah ukur.
Contoh
Tambahkan baris grid di tengah elemen div, tambahkan yang lain di 200 pixel dari sisi kanan, dan tambahkan yang lain di tengah ruang yang tersisa:
div
{
grid-columns:50% * * 200px;
}
Sintaks CSS
grid-columns: panjang|%|none|mewarisi;
Nilai atribut
| Nilai | Deskripsi |
|---|---|
| panjang | Referensi grid blok yang disertakan. |
| % | Referensi lebar blok yang disertakan. |
| none | |
| mewarisi |
Detil Teknologi
| Nilai default: | none |
|---|---|
| Inheritsi: | no |
| Versi: | CSS3 |
| Syarat JavaScript: | object.style.gridColumns="50% * * 200px" |
