CSS border-venstre egenskab

Definition og brug

border-left-kortegenskab sætter alle egenskaberne for venstre kant i én deklaration.

Egenskaberne kan indstilles i følgende rækkefølge:

Hvis ingen af værdierne indstilles, vil det ikke være et problem, f.eks. border-left:solid #ff0000; er også tilladt.

Se også:

CSS tutorial:CSS kanter

HTML DOM referencemanual:borderLeft-egenskaben

Eksempel

Indstil stilen på venstre kant:

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

Prøv det selv

CSS-syntaks

border-left: border-width border-style border-color|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
border-left-width Definerer bredden på venstre kant. Se også:border-left-width mulige værdier.
border-left-style Definerer stilen på venstre kant. Se også:border-left-style mulige værdier.
border-left-color Definerer farven på venstre kant. Se også:border-left-color mulige værdier.
inherit Definerer, at værdien af border-left skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: ikke specificeret
Arv: nej
Version: CSS1
JavaScript-syntaks: object.style.borderLeft="3px solid blue"

Flere eksempler

Alle venstre kantegenskaber i én deklaration
Alle venstre kantegenskaber i én deklaration

Browser-understøttelse

Tabelens tal angiver den første browser-version, der fuldt ud understøtter egenskaben.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 3.5 1.0

Bemærkninger:IE7 og tidligere versjoner af browsere understøtter ikke værdien "inherit". IE8 kræver !DOCTYPE. IE9 understøtter "inherit".