CSS kolonne-regel egenskab

Definition og brug

columnRule-egenskaben er en kortfattet egenskab, der bruges til at indstille alle column-rule-* egenskaber.

columnRule-egenskaben indstiller bredden, stilen og farven på reglen mellem kolonnerne.

Se også:

CSS3-tutorial:CSS3 Flere Kolonner

HTML DOM referencerhåndbog:columnRule-egenskaben

Eksempel

Fastlæg kolonnernes bredde, stil og farveregler mellem dem:

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

Prøv det selv

Der er flere eksempler nederst på siden.

CSS-syntaks

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

Egenskabsværdi

Værdi Beskrivelse
column-rule-width Indstil bredden af reglen mellem kolonnerne.
column-rule-style Indstil stilarven mellem kolonnerne.
column-rule-color Indstil farvereglen mellem kolonnerne.

Tekniske detaljer

Standardværdi: medium none black
Arv: nej
Version: CSS3
JavaScript-syntaks: object.columnRule="3px outset #ff00ff"

Flere eksempler

Column-count
Del teksten i tre kolonner i div-elementet.
Column-gap
Del teksten i tre kolonner i div-elementet med en mellemrum på 30 pixels.

Browserunderstøttelse

Numre i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Numre med -webkit- eller -moz- som præfiks repræsenterer den første version, der bruger præfikset.

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