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

cssselector {
  column-span: 1 | all;
}

Standart qiymat: 1.

Misol

Ushbu misolda sarlavha birinchi ustun ichiga tushadi:

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

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

Результат:

Misol

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

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

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

Результат:

Shuningdek