CSS column-rule-style egenskab

Definition og brug

column-rule-style egenskab definerer stilarteregler mellem kolonnerne.

Se også:

CSS3 tutorial:CSS3 Flere Kolonner

HTML DOM referencehåndbog:columnRuleStyle egenskab

Eksempel

Indstil farveregler mellem kolonnerne:

div {
  column-rule-style: dotted;
}

Prøv det selv

Der er flere eksempler nederst på siden.

CSS syntaks

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

Egenskabsværdi

Værdi Beskrivelse Test
ingen Definerer ingen regler. Test
hidden Definerer skjult regler. Test
dotted Definerer prikkelinje-regler. Test
dashed Definerer streglinje-regler. Test
solid Definerer enligslæt regler. Test
double Definerer dobbeltlinje-regler. Test
groove Definerer 3D grooved-regler. Effekten afhænger af bredden og farveværdierne. Test
ridge Definerer 3D ridged-regler. Effekten afhænger af bredden og farveværdierne. Test
inset Definerer 3D inset-regler. Effekten afhænger af bredden og farveværdierne. Test
outset Definerer 3D outset-regler. Effekten afhænger af bredden og farveværdierne. Test

Tekniske detaljer

Standardværdi: ingen
Arv: nej
Version: CSS3
JavaScript syntaks: object.style.columnRuleStyle="dotted"

Flere eksempler

Column-count
Del teksten i tre kolonner i div-elementet.
Column-gap
Del teksten i tre kolonner i div-elementet, med en afstand på 30 pixels mellem kolonnerne.
Column-rule
Definerer bredden, stilen og farven mellem kolonnerne.

Browserunderstøttelse

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

Tal med -webkit- eller -moz- som præfiks indikerer 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