Eigenschap column-span

De eigenschap column-span bepaalt het aantal kolommen waarover een element moet uitstrekken in een tekst met meerdere kolommen. De eigenschap accepteert als waarde ofwel het getal 1, ofwel het sleutelwoord all. Met de waarde 1 beslaat het element één kolom, en met de waarde all - alle kolommen.

Syntaxis

cssselector {
  column-span: 1 | all;
}

Standaardwaarde: 1.

Voorbeeld

In dit voorbeeld komt de kop in de eerste kolom:

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 nu strekt de kop zich uit over alle kolommen:

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

Результат:

Zie ook