Egenskaben column-rule

Egenskaben column-rule angiver en grænse mellem kolonner i tekst med flere kolonner. I forhold til accepterede værdier svarer den til egenskaben border.

Eksempel . Typen solid

I dette eksempel vil teksten blive opdelt i 3 kolonner med grænser mellem kolonner i form af en uafbrudt linje med en tykkelse på 1px (afstanden mellem kolonnerne dannes automatisk, da column-gap er sat til værdien normal):

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

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

Eksempel . Indflydelsen af column-gap

I dette eksempel vil teksten blive opdelt i 3 kolonner med et mellemrum mellem dem på 50px. Grænsen vil løbe gennem midten af mellemrummet (der vil være 25px til venstre og højre for grænsen):

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

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

Se også

egenskaben column-width,
som angiver bredden af en kolonne
egenskaben column-count,
som angiver antallet af kolonner
egenskaben column-gap,
som angiver mellemrummet mellem kolonner
egenskaben column-span,
som angiver antallet af kolonner, som et element skal spænde over
egenskaben columns,
som er en sammentrækningsegenskab for layout med flere kolonner