CSS border-bottom ominaisuus

Määritelmä ja käyttö

border-bottom-yhteenveto-ominaisuus asettaa alareunan kaikkien ominaisuuksien yhdessä lausunnossa.

Voit asettaa nämä ominaisuudet järjestyksessä:

Jos et aseta arvoa, ei ole ongelmia, esimerkiksi border-bottom:solid #ff0000; on myös sallittu.

Lisäksi:

CSS -opas:CSS reunat

HTML DOM -viittausopas:borderBottom ominaisuus

Esimerkki

Aseta alareunan tyyli:

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

Kokeile itse

CSS-kieli

border-bottom: border-width border-style border-color|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
border-bottom-width Määritellään alareunan leveys. Katso:border-bottom-width mahdolliset arvot.
border-bottom-style Määritellään alareunan tyyli. Katso:border-bottom-style mahdolliset arvot.
border-bottom-color Määritellään alareunan väri. Katso:border-bottom-color mahdolliset arvot.
inherit Määritellään, että border-bottom ominaisuuden asetukset tulisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei määritelty
Perinnäisyys: ei määritelty
Versio: CSS1
JavaScript-kieli: object.style.borderBottom="3px solid blue"

Lisää esimerkkejä

Kaikki alareunien ominaisuudet yhdessä lausunnossa
Tämä esimerkki näyttää, kuinka yksinkertaisia ominaisuuksia käytetään kaikkiin alareunien ominaisuuksiin yhdessä lausunnossa.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen, joka tukee täyttä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

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