Vlastnost column-rule

Vlastnost column-rule nastavuje ohraničení mezi sloupci ve vícesloupcovém textu. Podle přijímaných hodnot se shoduje s vlastností border.

Příklad . Typ solid

V tomto příkladu se text rozdělí na 3 sloupce s ohraničením mezi sloupci ve formě plné čáry o tloušťce 1px (vzdálenost mezi sloupci se vytvoří automaticky, protože je nastaven column-gap na hodnotu normal):

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

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

Příklad . Vliv column-gap

V tomto příkladu se text rozdělí na 3 sloupce s mezerou mezi nimi 50px. Ohraničení přitom povede středem mezery (vpravo a vlevo od ohraničení 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;
}

Viz také

vlastnost column-width,
která nastavuje šířku sloupce
vlastnost column-count,
která nastavuje počet sloupců
vlastnost column-gap,
která nastavuje mezeru mezi sloupci
vlastnost column-span,
která nastavuje počet sloupců, na které se má element rozprostírat
vlastnost columns,
která je zkratkovou vlastností pro vícesloupcovost