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):

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

css#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):

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

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

Результат:

Katso myös