CSS border-left-stil egenskab

Definition og brug

border-left-style sætter stilen på elementets venstre kant.

Kanten vises kun, når denne værdi ikke er none.

I CSS1 skal HTML brugeragent kun understøtte solid og none.

Se også:

CSS tutorial:CSS kant

CSS referencehåndbog:border-left egenskab

HTML DOM referencehåndbog:borderLeftStyle egenskab

Eksempel

Sæt stilen på venstre kant:

p
  {
  border-style:solid;
  border-left-style:dotted;
  }

Prøv det selv

CSS syntaks

border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
none Definerer ingen kant.
hidden Er lig med "none". Dog anvendes ikke på tabeller, hvor "hidden" bruges til at løse kantkonflikter.
dotted Definerer en prikkelinje. Vises som en fast linje i de fleste browsere.
dashed Definerer en punktilinje. Vises som en fast linje i de fleste browsere.
solid Definerer en fast linje.
double Definerer dobbelt linje. Bredden af dobbelt linjen er lig med værdien af border-width.
groove Definerer 3D furet kant. Effekten afhænger af værdien af border-color.
ridge Definerer 3D ribbet kant. Effekten afhænger af værdien af border-color.
inset Definerer 3D inset kant. Effekten afhænger af værdien af border-color.
outset Definerer 3D outset kant. Effekten afhænger af værdien af border-color.
inherit Regler for, at kantstilen skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: ikke specificeret
Arv: nei
Version: CSS1
JavaScript syntaks: object.style.borderLeftStyle="dotted"

Flere eksempler

Sæt stilen på venstre kant
Dette eksempel viser, hvordan du kan sætte stilen på venstre kant.

Browser-understøttelse

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

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2