Atribut grid-auto-columns CSS

Definisi dan penggunaan

Properti grid-auto-columns menetapkan ukuran kolom di dalam kontainer grid.

Properti ini hanya mempengaruhi kolom yang belum diatur ukurannya.

Lihat pula:

Panduan CSS:Susunan Grid CSS

Panduan CSS:Properti grid-auto-rows

Contoh

Atur ukuran standar untuk kolom di dalam grid:

.grid-container {
  display: grid;
  grid-auto-columns: 50px;
}

Coba sendiri

Sintaksis CSS

grid-auto-columns: auto|max-content|min-content|length;

Nilai properti

Nilai Deskripsi
auto Nilai standar. Dikukuhkan oleh ukuran kontainer untuk mengatur ukuran kolom.
fit-content()
max-content Atur ukuran setiap kolom berdasarkan item terbesar di kolom.
min-content Atur ukuran setiap kolom berdasarkan item terkecil di kolom.
minmax(min.max) Atur kisaran ukuran dari min hingga max yang sama dengan min dan kurang dari max.
length Atur ukuran kolom, dengan menggunakan nilai panjang yang sah. LihatSatuan panjang。
% Atur ukuran kolom, dengan menggunakan persen.

Detil teknis

Nilai standar: auto
Warisan: Tidak
Pembuatan animasi: Dukungan. Lihat:Properti animasi。
Versi: Modul Susunan Grid CSS Level 1
Sintaksis JavaScript: object.style.gridAutoColumns="120px"

Dukungan browser

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

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