CSS border-left-stil egenskab

Definisjon og bruk

border-left-style setter stilen for elementets venstre kant.

Kanten kan bare vises når denne verdien ikke er none.

I CSS1 må HTML brukeragenten kun støtte solid og none.

Se også:

CSS læreplanen:CSS kant

CSS referansehåndboken:border-left-egenskapen

HTML DOM referansehåndboken:borderLeftStyle-egenskapen

Eksempel

Sette opp stilen for 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;

Egenskapsverdi

Verdi Beskrivelse
none Definerer ingen kant.
hidden Er lik "none", med unntak av tabeller. For tabeller brukes "hidden" for å løse kantkonflikter.
dotted Definerer en punktilskåret kant. Vises ofte som en solid kant i de fleste nettlesere.
dashed Definerer en punktilskåret kant. Vises ofte som en solid kant i de fleste nettlesere.
solid Definerer en solid kant.
double Definerer dobbelt kant. Bredden på dobbeltkanten er lik verdien av border-width.
groove Definerer 3D skårelignende kant. Effekten avhenger av verdien av border-color.
ridge Definerer 3D gavellignende kant. Effekten avhenger av verdien av border-color.
inset Definerer 3D innvendig kant. Effekten avhenger av verdien av border-color.
outset Definerer 3D utstikkende kant. Effekten avhenger av verdien av border-color.
inherit Det er bestemt at kantstilen skal arves fra foreldreelementet.

Tekniske detaljer

Standardverdi: ikke spesifisert
Arv: nei
Versjon: CSS1
JavaScript-syntaks: object.style.borderLeftStyle="dotted"

Flere eksempler

Sette opp stilen for venstre kant
Dette eksempelet viser hvordan du setter opp stilen for venstre kant.

Nettleserstøtte

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

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