CSS kolumnreglerfärg egenskap
- föregående sida column-rule
- nästa sida column-rule-style
Definition och användning
column-rule-color egenskapen definierar färgregeln mellan kolumnerna.
Se också:
CSS3 tutorial:CSS3 flera kolumner
HTML DOM referenshandbok:columnRuleColor egenskap
Exempel
Ställ in färgregeln mellan kolumnerna:
div { column-rule-color: #ff0000; }
Det finns fler exempel längre ner på sidan.
CSS syntax
column-rule-color: color;
Egenskapsvärde
Värde | Beskrivning |
---|---|
color | Definierar färgregeln. Se CSS färgvärden。 |
Tekniska detaljer
Default value: | black |
---|---|
Inheritance: | no |
Version: | CSS3 |
JavaScript syntax: | object.style.columnRuleColor="#ff00ff" |
Mer exempel
- Column-count
- Delar upp texten i tre kolumner i div-elementet.
- Column-gap
- Delar upp texten i tre kolumner i div-elementet, med en avstånd på 30 pixlar mellan kolumnerna.
- Column-rule
- Definierar bredden, stilen och färgen mellan kolumnerna.
Webbläsarstöd
Siffrorna i tabellen anger den första webbläsarens version som helt stöder egenskapen.
Siffror 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 |
- föregående sida column-rule
- nästa sida column-rule-style