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 värdet inte är none.

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

Se också:

CSS tutorial:CSS kant

CSS referenshandbok:border-left egenskap

HTML DOM referenshandbok:borderLeftStyle egenskap

Exempel

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

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
none Definierar en kantlös kant.
hidden Liksom "none", men inte tillämpad på tabeller. För tabeller används "hidden" för att lösa kantkonflikter.
dotted Definierar en punktlinje. Visas ofta som en solid linje i de flesta webbläsare.
dashed Definierar en punktlinje. Visas ofta som en solid linje i de flesta webbläsare.
solid Definierar en solid linje.
double Definierar dubbel linje. Bredden på linjen är lika med värdet för border-width.
groove Definierar 3D fällning kant. Effekten beror på värdet för border-color.
ridge Definierar 3D relief kant. Effekten beror på värdet för border-color.
inset Definierar 3D insatt 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 Detaljerar att kantstilen bör härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: inte specificerad
Arv: no
Version: CSS1
JavaScript-syntax: 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