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, jos reunan tyyli ei ole none tai hidden.

Huomautus：Aseta aina border-style ominaisuus ennen border-color ominaisuutta. Elementti täytyy saada reunaväri ennen kuin sitä voidaan muuttaa.

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-kieli

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

Ominaisuuden arvo

Ominaisuuden arvo

Arvo Kuvaus
color_name Määritellään reunaväri, jonka arvo on värihenkilö (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 määritelty
Versio： CSS1
JavaScript-kieli： 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 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：Internet Explorer 7 ja aikaisemmat selaimet eivät tue arvoa "inherit". Internet Explorer 8 vaatii !DOCTYPE. Internet Explorer 9 tukee "inherit".