CSS border-left-style egenskap

Definition och användning

border-left-style ställer in stilen för elementets vänstra kant.

Kanten kommer endast att visas om detta värde inte är none.

I CSS1 krävs det att HTML-användargränssnittet endast stöder solid och none.

Se också:

CSS tutorial:CSS kant

CSS referenshandbok:border-left egenskap

HTML DOM referenshandbok:borderLeftStyle-egenskapen

Exempel

Ställ in stilen för vänster kant:

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

Prova själv

CSS-syntaks

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

Egenskapsvärde

Värde Beskrivning
none Definierar en kant utan ram.
hidden Likaså som "none", men utom för tabeller där "hidden" används för att lösa kantkonflikter.
dotted Definierar en punktlinje. Visas som en solid linje i de flesta webbläsare.
dashed Definierar en punktlinje. Visas som en solid linje i de flesta webbläsare.
solid Definierar en solid kant.
double Definierar dubbel kant. Bredden på kanten är lika med värdet för border-width.
groove Definierar 3D-sänkt kant. Effekten beror på värdet för border-color.
ridge Definierar 3D-rå kant. Effekten beror på värdet för border-color.
inset Definierar 3D-insatta kant. Effekten beror på värdet för border-color.
outset Definierar 3D-utbuktande kant. Effekten beror på värdet för border-color.
inherit Specificerar att kantstilen ska härledas från förälementet.

Tekniska detaljer

Standardvärde: inte specificerad
Arv: no
Version: CSS1
JavaScript-syntaks: object.style.borderLeftStyle="dotted"

Mer exempel

Ställ in stilen för vänster kant
Detta exempel visar hur du ställer in stilen för vänster kant.

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder egenskapen.

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