Sifa ya grid-auto-columns

Sifa grid-auto-columns inabainisha idadi na upana wa safu wima ambazo kipengele kitachukua kwenye gridi ya kawaida. Gridi ya kawaida - gridi inayoundwa moja kwa moja, wakati vipengele vinatoka nje ya mipaka ya gridi iliyowekwa tayari. Kwenye thamani ya sifa tunaweka upana wa safu wima kwa vipimo vyovyote vya saizi. Sifa huelezwa kwenye kipengele-kizio na inabainisha upana wa safu wima za vipengele-vizazi.

Kiundo

kichaguli {
	grid-auto-columns: upana wa safu wima;
}

Mfano

Wacha tuweke upana wa safu wima kwa vipengele vyetu kwenye gridi ya kawaida:

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

Angalia pia

sifa grid-auto-rows,
inayobainisha idadi na upana wa safu mlalo kwenye gridi ya kawaida
sifa grid-template-columns,
inayobainisha idadi na upana wa safu wima kwenye gridi