Die eienskap column-span

Die eienskap column-span spesifiseer die hoeveelheid kolomme waaroor 'n element moet strek in 'n multikolom teks. Die eienskap aanvaar óf die waarde 1, óf die sleutelwoord all. Met die waarde 1 sal die element oor een kolom strek, en met die waarde all - oor al die kolomme.

Sintaksis

cssselektor {
  column-span: 1 | all;
}

Verstekwaarde: 1.

Voorbeeld

In hierdie voorbeeld sal die opskrif binne die eerste kolom val:

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

Результат:

Voorbeeld

En nou sal die opskrif oor al die kolomme strek:

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

Результат:

Kyk ook