CSS border-top-color ominaisuus

Määrittely ja käyttö

border-top-color asettaa elementin yläreunan värin.

Vain puhtaat värit voidaan määritellä, ja reunaväri näkyy vain, kun reunan tyyli on ei none tai hidden.

Huomautus：Varmista aina, että border-style ominaisuus määritellään ennen border-color ominaisuutta. Elementti on saattava saada reunan ennen kuin sen väriä muutetaan.

Katso myös：

CSS oppitunti：CSS reunat

CSS viittausopas：border-top ominaisuus

HTML DOM viittausopas：borderTopColor ominaisuus

Esimerkki

Aseta yläreunan väri：

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

Kokeile itse

CSS syntaksi

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

Ominaisuusarvo

Ominaisuusarvo

Arvo Kuvaus
color_name Määritellään reunaväri, jonka arvo on väri nimi (esim. red).
hex_number Määritellään reunaväri, jonka arvo on heksadesimaalinen arvo (esim. #ff0000).
rgb_number Määritellään reunaväri, jonka arvo on rgb-koodi (esim. rgb(255,0,0)).
transparent Oletusarvo. Reunaväri on läpinäkyvä.
inherit Määritellään, että reunaväri tulisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo： ei määritelty
Perinnäisyys： ei
Versio： CSS1
JavaScript syntaksi： object.style.borderTopColor="blue"

Lisää esimerkkejä

Aseta yläreunan väri
Tämä esimerkki näyttää, miten voit asettaa ylä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：Internet Explorer 7 ja aikaisemmat selaimet eivät tue arvoa "inherit". Internet Explorer 8 vaatii !DOCTYPE. Internet Explorer 9 tukee "inherit".