CSS border-left egenskap

Definition och användning

border-left kortformsegenskapen sätter alla vänster ram egenskaper i en deklaration.

Du kan sätta dessa egenskaper i följd:

Om du inte sätter någon av värdena, kommer inget ont att hända, till exempel border-left:solid #ff0000; är också tillåtet.

Se också:

CSS tutorial:CSS kanter

HTML DOM referenshandbok:borderLeft egenskapen

Exempel

Ställ in vänster ram stil:

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

Prova själv

CSS syntax

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

Egenskapsvärde

Värde Beskrivning
border-left-width Specificerar vänster ram bredd. Se också:border-left-width mögliga värden.
border-left-style Specificerar vänster ramstil. Se också:border-left-style mögliga värden.
border-left-color Specificerar vänster ramfärg. Se också:border-left-color mögliga värden.
inherit Specificerar att border-left egenskapen ska inhämtas från föräldrelementets inställningar.

Tekniska detaljer

Standardvärde: inte specificerad
Arvsförmåga: no
Version: CSS1
JavaScript syntax: object.style.borderLeft="3px solid blue"

Mer exempel

Alla vänster ram egenskaper i en deklaration
Alla vänster ram egenskaper i en deklaration

Webbläsarstöd

Tal i tabellen anger den första webbläsarens version som fullständigt stöder denna egenskap.

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

Kommentar:IE7 och äldre webbläsare stöder inte värdet "inherit". IE8 kräver !DOCTYPE. IE9 stöder "inherit".