Sifat grid-auto-columns

Sifat grid-auto-columns menetapkan bilangan dan lebar lajur yang akan diduduki oleh elemen dalam grid tersirat. Grid tersirat - grid yang diwujudkan secara automatik apabila elemen keluar daripada rangka grid yang telah ditetapkan. Dalam nilai sifat, kita nyatakan lebar lajur dalam sebarang unit untuk saiz. Sifat dinyatakan dalam elemen induk dan menentukan lebar lajur untuk elemen-elemen anak.

Sintaks

selector {
	grid-auto-columns: lebar lajur;
}

Contoh

Mari kita tetapkan lebar lajur untuk elemen-elemen kita dalam grid tersirat:

<div id="parent">
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
</div>

#parent {
	display: grid;
	grid-template-rows: 40px 40px;
	grid-auto-columns: 200px;
	border: 2px solid #696989;
	padding: 10px;
}
#parent > div {
	padding: 10px;
	border: 1px solid #696989;
}

Lihat juga

sifat grid-auto-rows,
yang menetapkan bilangan dan lebar baris dalam grid tersirat
sifat grid-template-columns,
yang menetapkan bilangan dan lebar lajur dalam grid