CSS border-right-color ominaisuus

Määrittely ja käyttö

border-right-color asettaa elementin oikean reunan värin.

Vain yksivärisiä värejä voidaan määritellä, ja reunan tyyli on oltava muuten kuin none tai hidden, jotta reuna näkyy.

Huomautus:Aseta aina border-style ominaisuus ennen border-color ominaisuutta. Elementti on saattava saada reunan ennen kuin voit muuttaa sen väriä.

Lisäksi:

CSS oppitunti:CSS reunat

CSS viittausopas:border-right ominaisuus

HTML DOM viittausopas:borderRightColor ominaisuus

Esimerkki

Aseta oikean reunan väri:

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

Kokeile itse

CSS-kieli

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

Ominaisuusarvo

Arvo Kuvaus
color_name Määritellään reunan väri, jonka arvo on väri nimi (esim. red).
hex_number Määritellään reunan väri, jonka arvo on heksadesimaalinen (esim. #ff0000).
rgb_number Määritellään reunan väri, jonka arvo on rgb-koodeja (esim. rgb(255,0,0)).
transparent Oletusarvo. Reunaväri on läpinäkyvä.
inherit Määritellään, että reunan väri on otettava isovarenta.

Tekninen yksityiskohta

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

Lisää esimerkkejä

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

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, 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 ominaisuusarvoa "transparent".

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