Grid-auto-columns häsiýeti

grid-auto-columns häsiýeti, örtükli griddaky elementiniň eýelejek sütünleriniň sanyny we ini kesgitleýär. Örtükli grid - bellenen grid çäklerinden daşary çykýan elementler ýatanda awtomatiki ýaratylýan grid. Häsiýetiň bahasynda sütünleriň ini islendik ölçeg birliklerinde görkezýäris. Häsiýet ata elementde görkezilýär we soňky elementleriň sütün inişlerini kesgitleýär.

Sintaksis

selektory {
	grid-auto-columns: sütün inişi;
}

Mysal

Geliň, örtükli griddaky elementlerimiziň üçin sütün inişlerini kesgitläýeliň:

<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;
}

Şeýle-de garaň

grid-auto-rows häsiýeti,
örtükli griddaky hatarlaryň sanyny we inişini kesgitleýär
grid-template-columns häsiýeti,
griddaky sütünleriň sanyny we inişini kesgitleýär