CSS border-bottom-color ominaisuus

Määrittely ja käyttö

border-bottom-color asettaa elementin alapuolen reunan värin.

Vain yksivärisiä värejä voidaan määritellä, ja reunaväri näkyy vain, jos 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ä muutettaessa.

Katso myös：

CSS oppituntiohjelma：CSS reunat

CSS viittausopas：border-bottom ominaisuus

HTML DOM viittausopas：borderBottomColor ominaisuus

Esimerkki

Aseta alapuolen reunan väri：

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

Kokeile itse

CSS-grammatiikka

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

Ominaisuusarvo

Arvo Kuvaus
color_name Määritellään reunaväri, jonka arvo on väri nimi (esim. punainen).
hex_number Määritellään reunaväri, jonka arvo on heksadesimaalinen (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ä reunan väri on otettava isovarentaelementistä.

Tekninen yksityiskohta

Oletusarvo： ei määritelty
Perinnäisyys： ei
Versio： CSS1
JavaScript-grammatiikka： object.style.borderBottomColor="blue"

Lisää esimerkkejä

Aseta alapuolen reunan väri
Tämä esimerkki näyttää, miten voit asettaa alapuolen 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".