Eigenschap column-rule

De eigenschap column-rule bepaalt de rand tussen kolommen in meerkolomstekst. Qua geaccepteerde waarden komt deze overeen met de eigenschap border.

Voorbeeld . Type solid

In dit voorbeeld wordt de tekst opgesplitst in 3 kolommen met randen tussen de kolommen in de vorm van een ononderbroken lijn met een dikte van 1px (de afstand tussen de kolommen wordt automatisch gevormd, aangezien column-gap is ingesteld op de waarde 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;
}

Результат:

Voorbeeld . Invloed van column-gap

In dit voorbeeld wordt de tekst opgesplitst in 3 kolommen met een tussenruimte van 50px. De rand loopt ondertussen in het midden van de tussenruimte (rechts en links van de rand zal er 25px zijn):

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

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

Результат:

Zie ook