CSS border-left-color egenskap

Definition och användning

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

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

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

Se också:

CSS Lärarlektion:CSS kanter

CSS Referenshandbok:border-left-egenskapen

HTML DOM Referenshandbok: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 Det specificeras att kantfärgen är ett färgnamn (t.ex. röd).
hex_number Det specificeras att kantfärgen är en hexadecimal värde (t.ex. #ff0000).
rgb_number Det specificeras att kantfärgen är en rgb-kod (t.ex. rgb(255,0,0)).
transparent Standardvärde. Kantfärgen är transparent.
inherit Det specificeras att kantfärgen ska inhämtas från föräldrelementet.

Tekniska detaljer

Standardvärde: inte specificerad
Arv: no
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äsarens version som fullständigt stöder egenskapen.

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

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

Kommentar: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".

" -->