A column-rule tulajdonság

A column-rule tulajdonság szegélyt határoz meg az oszlopok között többoszlopos szövegben. Az elfogadott értékekben egybeesik a border tulajdonsággal.

Példa . Solid típus

Ebben a példában a szöveg 3 oszlopra lesz osztva, az oszlopok közötti szegély folyamatos, 1px vastag vonalként jelenik meg (az oszlopok közötti távolság automatikusan jön létre, mivel a column-gap értéke normal):

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

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

Példa . A column-gap hatása

Ebben a példában a szöveg 3 oszlopra lesz osztva, 50px távolsággal közöttük. A szegély ezalatt a rés közepén halad át (a szegélytől jobbra és balra 25px lesz):

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

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

Lásd még

a column-width tulajdonság,
amely az oszlop szélességét határozza meg
a column-count tulajdonság,
amely az oszlopok számát határozza meg
a column-gap tulajdonság,
amely az oszlopok közötti rés méretét határozza meg
a column-span tulajdonság,
amely megadja, hogy hány oszlopnyira terjedjen ki egy elem
a columns tulajdonság,
amely egy összefoglaló tulajdonság a többoszlopos formázáshoz