CSS border-bottom-color ominaisuus

Määrittely ja käyttö

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

Vain yksivärisiä värjäyksiä voidaan määritellä, ja reunan tyyli voi olla vain ei none tai hidden.

Huomautus:Aseta aina border-style-ominaisuus ennen border-color-ominaisuutta. Elementti on saattava bordin väri ennen kuin sitä muutetaan.

Lisäksi:

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

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

Ominaisuuden arvo

Arvo Kuvaus
color_name Määritellään reunan väri väri nimellä (esim. red).
hex_number Määritellään reunan väri kuusitumerokoodina (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 vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei määritelty
Perinnäisyys: ei määritelty
Versio: CSS1
JavaScript-kieli: 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 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".