CSS border-left-color ominaisuus

Määrittely ja käyttö

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

Vain yksiväriset värit voidaan määritellä, ja reunaväri näkyy vain, jos reunan tyyli ei ole none tai hidden.

Huomautus:Aseta aina border-style ominaisuus ennen border-color ominaisuutta. Elementti on saattava reunan väriä muuttaessa.

Katso myös:

CSS -opas: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;

Ominaisuusarvo

Arvo Kuvaus
color_name Määritellään reunan väri väri nimellä (esim. red).
hex_number Määritellään reunan väri väriarvon heksadesimaalimuodossa (esim. #ff0000).
rgb_number Määritellään reunan väri rgb-koodeiksi (esim. rgb(255,0,0)).
transparent Oletusarvo. Reunaväri on läpinäkyvä.
inherit Määritellään, että reunan väri on otettava isovarresta.

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 version, joka tukee tätä 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 ominaisuusarvoa "transparent".

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

" -->