Хусусияти grid-auto-columns

Хусусияти grid-auto-columns миқдор ва паҳноии сутунҳоро муқаррар мекунад, ки унсур дар гриди нозукор ишғол хоҳад кард. Гриди нозукор - гридест, ки ба таври худкор эҷод мешавад, вақте ки унсурҳо аз доираи гриди аллакай муайяншуда берун мебароянд. Дар қимати хусусият паҳноии сутунҳоро ба ҳар гуна воҳидҳои андоза муқаррар мекунем. Хусусият дар унсури волидайн муқаррар карда мешавад ва паҳноии сутунҳои унсурҳои фарзандро муайян мекунад.

Синтаксис

интихобкунанда {
	grid-auto-columns: паҳноии сутун;
}

Намуна

Биёед паҳноии сутунҳоро барои унсурҳои мо дар гриди нозукор муқаррар кунем:

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

Нигаред низ

хусусияти grid-auto-rows,
ки миқдор ва паҳноии сатрҳоро дар гриди нозукор муқаррар мекунад
хусусияти grid-template-columns,
ки миқдор ва паҳноии сутунҳоро дар грид муқаррар мекунад