Egenskaben column-span

Egenskaben column-span angiver antallet af kolonner, som et element skal strækkes over i en tekst med flere kolonner. Egenskaben tager enten et tal 1 eller et nøgleord all som værdi. Med værdien 1 vil elementet spænde over én kolonne, og med værdien all - alle kolonner.

Syntaks

cssselektor {
  column-span: 1 | all;
}

Standardværdi: 1.

Eksempel

I dette eksempel vil overskriften være placeret inde i den første kolonne:

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

Результат:

Eksempel

Nu vil overskriften strække sig over alle kolonner:

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

Результат:

Se også