CSS kolumnreglerbredd egenskap

Definition och användning

columnRuleWidth-egenskapen definierar regeln mellan kolumnerna.

Se också:

CSS3-tutorial:CSS3 flerkolumner

HTML DOM referenshandbok:columnRuleWidth-egenskapen

Exempel

Ställ in färgregeln mellan kolumnerna:

div {
  column-rule-width: 10px;
}

Prova själv

Det finns fler exempel längst ner på sidan.

CSS-syntax

column-rule-width: thin|medium|thick|längd;

Egenskapsvärde

Värde Beskrivning Test
thin Definierar tunna regler. Test
medium Definierar medelstora regler. Test
thick Definierar bredden på regeln. Test
längd Definierar bredden på regeln. Test

Tekniska detaljer

Standardvärde: medium
Arv: nej
Version: CSS3
JavaScript-syntax: object.style.columnRuleWidth="thin"

Mer exempel

Column-count
Delar upp texten i tre kolumner i div-elementet.
Column-gap
Delar upp texten i tre kolumner i div-elementet och lägger till 30 pixlar mellan dem.
Column-rule
Definierar bredden, stilen och färgen mellan kolumnerna.

Webbläsarstöd

Tal i tabellen anger den första webbläsarversion som fullständigt stöder egenskapen.

Tal med -webkit- eller -moz- prefix indikerar den första versionen som använder prefix.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1