Īpašība grid-auto-columns

Īpašība grid-auto-columns nosaka kolonnu skaitu un platumu, kuru aizņems elements netiešajā gridā. Netiešais grids - grids, kas tiek izveidots automātiski, kad elementi iziet ārpus jau norādītā gridā. Īpašības vērtībā mēs norādām kolonnu platumu jebkuros mērvienības izmēriem. Īpašība tiek norādīta vecāka elementā un nosaka bērnu elementu kolonnu platumu.

Sintakse

selektors {
	grid-auto-columns: kolonnas platums;
}

Piemērs

Norādīsim kolonnu platumu mūsu elementiem netiešajā gridā:

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

Skatiet arī

īpašība grid-auto-rows,
kas nosaka rindu skaitu un platumu netiešajā gridā
īpašība grid-template-columns,
kas nosaka kolonnu skaitu un platumu gridā