CSS border-left-color egenskap

Definition och användning

border-left-color ställer in färgen på elementets vänstra kant.

Kan bara definiera en ren färg, och kantlinjen kan bara visas när kantstilen är ett värde som inte är none eller hidden.

Anmärkning:Ange alltid border-style-egenskapen innan border-color-egenskapen. Elementet måste få kantlinjen innan du ändrar dess färg.

Se också:

CSS-tutorial:CSS kant

CSS-referencehandbok:border-left-egenskapen

HTML DOM-referencehandbok:borderLeftColor-egenskapen

Exempel

Ställ in färgen på vänster kant:

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

Prova själv

CSS-syntax

border-left-color: color|transparent|initial|inherit;

Egenskapsvärde

Värde Beskrivning
color_name Detaljerar kantfärgen som färgnamn (t.ex. röd).
hex_number Detaljerar kantfärgen som hexadecimalt värde (t.ex. #ff0000).
rgb_number Detaljerar kantfärgen som rgb-kod (t.ex. rgb(255,0,0)).
transparent Standardvärde. Kantfärgen är transparent.
inherit Detaljerar att kantfärgen ska inhämtas från förälementet.

Tekniska detaljer

Standardvärde: inte specificerat
Arv: nej
Version: CSS1
JavaScript-syntax: object.style.borderLeftColor="blue"

Fler exempel

Ställ in färgen på vänster kant
Detta exempel visar hur du ställer in färgen på vänster kant.

Webbläsarstöd

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

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

Anmärkning:Internet Explorer 6 (och tidigare versioner) stöder inte egenskapsvärdet "transparent".

Anmärkning:Internet Explorer 7 och tidigare versioner av webbläsare stöder inte värdet "inherit". Internet Explorer 8 kräver !DOCTYPE. Internet Explorer 9 stöder "inherit".

" -->