column-span xususiyati

column-span xususiyati ko‘p ustunli matnda element qancha ustunga cho‘zilishini belgilaydi. Xususiyat qiymati sifatida 1 soni yoki all kalit so‘zini qabul qiladi. 1 qiymatida element bitta ustunni egallaydi, all qiymatida esa - barcha ustunlarni.

Sintaksis

selector {
	column-span: 1 | all;
}

Standart qiymat: 1.

Misol

Ushbu misolda sarlavha birinchi ustun ichiga tushadi:

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

Misol

Endi esa sarlavha barcha ustunlar bo‘ylab cho‘ziladi:

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

Shuningdek

column-count xususiyati,
ustunlar sonini belgilaydi
column-width xususiyati,
ustun enini belgilaydi
column-gap xususiyati,
ustunlar orasidagi masofani belgilaydi
column-rule xususiyati,
ustunlar orasidagi chegarani belgilaydi
columns xususiyati,
ko‘p ustunlilik uchun qisqartma xususiyat hisoblanadi