column-span հատկությունը

column-span հատկությունը սահմանում է, թե քանի սյունակի վրա պետք է ձգվի տարրը բազմասյուն տեքստում: Հատկությունը ընդունում է կամ 1 թվային արժեք, կամ all բանալի բառը: 1 արժեքի դեպքում տարրը կզբաղեցնի մեկ սյունակ, իսկ all արժեքի դեպքում՝ բոլոր սյունակները:

Շարահյուսություն

cssընտրիչ {
  column-span: 1 | all;
}

Լռելյայն արժեքը՝ 1:

Օրինակ

Այս օրինակում վերնագիրը կտեղավորվի առաջին սյունակի ներսում.

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

Результат:

Օրինակ

Իսկ այժմ վերնագիրը կձգվի բոլոր սյունակների վրա.

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

Результат:

Տես նաև