CSS column-rule-width egenskab

Definisjon og bruk

column-rule-width egenskap definerer regelen mellom kolonnene.

Se også:

CSS3 undervisning:CSS3 flere kolonner

HTML DOM referansehåndbok:columnRuleWidth egenskap

Eksempel

Sett inn fargeordningen mellom kolonnene:

div {
  column-rule-width: 10px;
}

Prøv det selv

Det er flere eksempler nederst på siden.

CSS syntaks

column-rule-width: thin|medium|thick|length;

Egenskapsverdi

Verdi Beskrivelse Test
thin Definerer tynn tykkelse på regelen. Test
medium Definerer middels tykkelse på regelen. Test
thick Definerer tykkelsen på regelen. Test
length Definerer bredden på regelen. Test

Teknisk detalj

Standardverdi: medium
Arv: nei
Versjon: CSS3
JavaScript syntaks: object.style.columnRuleWidth="thin"

Flere eksempler

Column-count
Deler teksten i tre kolonner i div-elementet.
Column-gap
Deler teksten i tre kolonner i div-elementet, med en avstand på 30 piksler mellom.
Column-rule
Definerer bredden, stilen og fargen på kolonnene mellom.

Nettleserstøtte

Tallene i tabellen angiver den første nettleserens versjon som fullt ut støtter egenskapen.

Tallene i tabellen viser den første nettleserversjonen som støtter egenskapen med prefikset -webkit- eller -moz-.

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