Egenskaben column-rule

Egenskaben column-rule angiver en grænse mellem kolonner i tekst med flere kolonner. I forhold til accepterede værdier svarer den til egenskaben border.

Eksempel . Typen solid

I dette eksempel vil teksten blive opdelt i 3 kolonner med grænser mellem kolonner i form af en uafbrudt linje med en tykkelse på 1px (afstanden mellem kolonnerne dannes automatisk, da column-gap er sat til værdien 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;
}

Результат:

Eksempel . Indflydelsen af column-gap

I dette eksempel vil teksten blive opdelt i 3 kolonner med et mellemrum mellem dem på 50px. Grænsen vil løbe gennem midten af mellemrummet (der vil være 25px til venstre og højre for grænsen):

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

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

Результат:

Se også