Ominaisuus column-rule

Ominaisuus column-rule määrittää reunuksen sarakkeiden välille monisarakkeisessa tekstissä. Se vastaa saatavilla olevilta arvoilta ominaisuutta border.

Esimerkki . Tyyppi solid

Tässä esimerkissä jaetaan teksti 3 sarakkeeseen, joiden välissä on reunus yhtenäisenä viivana, jonka paksuus on 1px (sarakkeiden välinen etäisyys muodostuu automaattisesti, sille on asetettu column-gap arvolla normal):

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

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

Esimerkki . Column-gap-ominaisuuden vaikutus

Tässä esimerkissä jaetaan teksti 3 sarakkeeseen, joiden välinen rako on 50px. Reunus kulkee tällöin raon keskellä (reunuksen oikealla ja vasemmalla puolella on 25px):

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

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

Katso myös

ominaisuus column-width,
joka määrittää sarakkeen leveyden
ominaisuus column-count,
joka määrittää sarakkeiden lukumäärän
ominaisuus column-gap,
joka määrittää sarakkeiden välisen raon
ominaisuus column-span,
joka määrittää kuinka moneen sarakkeeseen elementin tulee ulottua
ominaisuus columns,
joka on monisarakkeisuuden lyhenne-ominaisuus