Sifat column-span

Sifat column-span menetapkan bilangan lajur yang sepatutnya direntang oleh elemen dalam teks berbilang lajur. Sifat ini menerima sama ada nombor 1, atau kata kunci all sebagai nilai. Dengan nilai 1, elemen akan merangkumi satu lajur, manakala dengan nilai all - semua lajur.

Sintaks

csspemilih {
  column-span: 1 | all;
}

Nilai lalai: 1.

Contoh

Dalam contoh ini, tajuk akan berada di dalam lajur pertama:

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

Результат:

Contoh

Sekarang tajuk akan meregang merentasi semua lajur:

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

Результат:

Lihat juga