A column-rule tulajdonság

A column-rule tulajdonság szegélyt határoz meg az oszlopok között többoszlopos szövegben. Az elfogadott értékekben egybeesik a border tulajdonsággal.

Példa . Solid típus

Ebben a példában a szöveg 3 oszlopra lesz osztva, az oszlopok közötti szegély folyamatos, 1px vastag vonalként jelenik meg (az oszlopok közötti távolság automatikusan jön létre, mivel a column-gap értéke normal):

html<div id="elem">
  some long text
</div>

css#elem {
  column-rule: 1px solid black;
  column-count: 3;
  column-gap: normal;
  text-align: justify;
}

Результат:

Példa . A column-gap hatása

Ebben a példában a szöveg 3 oszlopra lesz osztva, 50px távolsággal közöttük. A szegély ezalatt a rés közepén halad át (a szegélytől jobbra és balra 25px lesz):

html<div id="elem">
  some long text
</div>

css#elem {
  column-rule: 1px solid black;
  column-count: 3;
  column-gap: 50px;
  text-align: justify;
}

Результат:

Lásd még