column-span հատկությունը

column-span հատկությունը սահմանում է, թե քանի սյունակի վրա պետք է ձգվի տարրը բազմասյուն տեքստում: Հատկությունը ընդունում է կամ 1 թվային արժեք, կամ all բանալի բառը: 1 արժեքի դեպքում տարրը կզբաղեցնի մեկ սյունակ, իսկ all արժեքի դեպքում՝ բոլոր սյունակները:

Շարահյուսություն

ընտրիչ {
	column-span: 1 | all;
}

Լռելյայն արժեքը՝ 1:

Օրինակ

Այս օրինակում վերնագիրը կտեղավորվի առաջին սյունակի ներսում.

<div id="elem">
	<h2>Lorem ipsum dolor sit amet eu metus non</h2>
	some long text
</div>

#elem h2 {
	column-span: 1;
	margin: 0;
}
#elem {
	column-count: 3;
	text-align: justify;
}

Օրինակ

Իսկ այժմ վերնագիրը կձգվի բոլոր սյունակների վրա.

<div id="elem">
	<h2>Lorem ipsum dolor sit amet eu metus non</h2>
	some long text
</div>

#elem h2 {
	column-span: all;
	margin: 0;
}
#elem {
	column-count: 3;
	text-align: justify;
}

Տես նաև

column-count հատկությունը,
որը սահմանում է սյունակների քանակը
column-width հատկությունը,
որը սահմանում է սյունակի լայնությունը
column-gap հատկությունը,
որը սահմանում է սյունակների միջև եղած բացը
column-rule հատկությունը,
որը սահմանում է սյունակների միջև եղած սահմանը
columns հատկությունը,
որը բազմասյուն համակարգի համառոտ հատկություն է