Vlastnosť column-rule

Vlastnosť column-rule nastavuje orámovanie medzi stĺpcami vo viacstĺpcovom texte. Podľa prijímaných hodnôt sa zhoduje s vlastnosťou border.

Príklad . Typ solid

V tomto príklade sa text rozdelí na 3 stĺpce s orámovaním medzi stĺpcami vo forme plnej čiary s hrúbkou 1px (vzdialenosť medzi stĺpcami sa vytvorí automaticky, pretože je zadaný column-gap s hodnotou normal):

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

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

Príklad . Vplyv column-gap

V tomto príklade sa text rozdelí na 3 stĺpce s medzerou medzi nimi 50px. Orámovanie prebehne v strede medzery (napravo a naľavo od orámovania bude po 25px):

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

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

Pozri tiež

vlastnosť column-width,
ktorá nastavuje šírku stĺpca
vlastnosť column-count,
ktorá nastavuje počet stĺpcov
vlastnosť column-gap,
ktorá nastavuje medzeru medzi stĺpcami
vlastnosť column-span,
ktorá nastavuje počet stĺpcov, na ktoré sa má element rozťahovať
vlastnosť columns,
ktorá je skrátenou vlastnosťou pre viacstĺpkovosť