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):

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

#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):

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

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

Zie ook

de eigenschap column-width,
die de breedte van een kolom bepaalt
de eigenschap column-count,
die het aantal kolommen bepaalt
de eigenschap column-gap,
die de tussenruimte tussen kolommen bepaalt
de eigenschap column-span,
die het aantal kolommen bepaalt waarover een element moet uitstrekken
de eigenschap columns,
die de verkorte eigenschap is voor meerkolomsopmaak