CSS column-rule egenskap

Definition och användning

columnRule-egenskapen är en förenklad egenskap som används för att ställa in alla column-rule-* egenskaper.

columnRule-egenskapen ställer in bredd, stil och färgregler mellan kolumnerna.

Se också:

CSS3-lärord:CSS3 flerkolumner

HTML DOM referenshandbok:columnRule-egenskapen

Exempel

Definiera bredd, stil och färgregler mellan kolumnerna:

div
{
column-rule:3px outset #ff00ff;
}

Prova själv

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

CSS-syntax

column-rule: column-rule-width column-rule-style column-rule-color;

Egenskapsvärde

Värde Beskrivning
column-rule-width Ställ in breddregeln mellan kolumnerna.
column-rule-style Ställ in stilarregeln mellan kolumnerna.
column-rule-color Ställ in färgregeln mellan kolumnerna.

Tekniska detaljer

Standardvärde: medium none black
Ärvnadshet: nej
Version: CSS3
JavaScript-syntax: object.columnRule="3px outset #ff00ff"

Mer exempel

Column-count
Dela upp texten i tre kolumner i div-elementet.
Column-gap
Dela texten i tre kolumner i div-elementet och sätt mellanrum till 30 pixlar.

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ände 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