CSS column-rule-style egenskap

Definition och användning

columnRuleStyle egenskapen definierar stilen mellan kolumnerna.

Se också:

CSS3 kurs:CSS3 multi-column

HTML DOM referenshandbok:columnRuleStyle egenskap

Exempel

Ställ in färgregeln mellan kolumnerna:

div {
  column-rule-style: dotted;
}

Prova själv

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

CSS syntax

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

Egenskapsvärde

Värde Beskrivning Test
none Definiera inga regler. Test
hidden Definiera dolda regler. Test
dotted Definiera punktdelade regler. Test
dashed Definiera punktlinjeregler. Test
solid Definiera enfärgade regler. Test
double Definiera dubbel linjeregler. Test
groove Definiera 3D grooved-regler. Effekten beror på bredd- och färgvärdena. Test
ridge Definiera 3D ridged-regler. Effekten beror på bredd- och färgvärdena. Test
inset Definiera 3D inset-regler. Effekten beror på bredd- och färgvärdena. Test
outset Definiera 3D outset-regler. Effekten beror på bredd- och färgvärdena. Test

Tekniska detaljer

Standardvärde: none
Inherranbarhet: no
Version: CSS3
JavaScript syntax: object.style.columnRuleStyle="dotted"

Mer exempel

Column-count
Dela upp texten i tre kolumner i div-elementet.
Column-gap
Dela texten i tre kolumner i div-elementet, med en mellanrum av 30 pixlar mellan kolumnerna.
Column-rule
Definition av bredd, stil och färg mellan kolumner.

Webbläsarstöd

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

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

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