CSS border-left-color ominaisuus

Määrittely ja käyttö

border-left-color asettaa elementin vasemman reunan värin.

Vain yksivärisiä värejä voidaan määritellä, ja reunaväri näkyy vain, kun reunan tyyli ei ole none tai hidden.

Huomautus:Varmista aina, että border-style ominaisuus määritellään ennen border-color ominaisuutta. Elementti on saattava reunan väriä muutettavaksi ennen väriä.

Katso myös:

CSS -opetus:CSS reunat

CSS -viittausoppas:border-left ominaisuus

HTML DOM -viittausoppas:borderLeftColor ominaisuus

Esimerkki

Aseta vasemman reunan väri:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
color_name Määritellään reunan väri väri nimellä (esim. red).
hex_number Määritellään reunan väri kuusinumerollisella heksadesimaalikoodilla (esim. #ff0000).
rgb_number Määritellään reunan väri rgb-koodin avulla (esim. rgb(255,0,0)).
transparent Oletusarvo. Reunaväri on läpinäkyvä.
inherit Määritellään, että reunan väri on otettava isältä elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei määritelty
Perinnäisyys: ei määritelty
Versio: CSS1
JavaScript-kieli: object.style.borderLeftColor="blue"

Lisää esimerkkejä

Aseta vasemman reunan väri
Tämä esimerkki näyttää, miten voit asettaa vasemman reunan värin.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen, joka tukee ominaisuutta täysin.

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

Huomautus:Internet Explorer 6 (ja aikaisemmat versiot) eivät tue ominaisuuden arvoa "transparent".

Huomautus:IE7 ja aikaisemmat selaimet eivät tue arvoa "inherit". IE8 vaatii !DOCTYPE. IE9 tukee "inherit".

" -->