Style borderBottom ominaisuus
- edellinen sivu border
- seuraava sivu borderBottomColor
- palaa yhdellä tasolla ylös HTML DOM Style objekti
määrittely ja käyttö
alasrajapinta
Ominaisuudet asetetaan tai palautetaan lyhennetyllä muodossa enintään kolmella erillään asetetulla border-bottom ominaisuudella.
Tämän ominaisuuden avulla voit asettaa/palauttaa seuraavat yhden tai useamman (mikä tahansa järjestys)
Lisäksi:
CSS -opetus:CSS-reunat
CSS -viittauskirja:border-bottom ominaisuus
HTML DOM -viittauskirja:border ominaisuus
Esimerkki
Esimerkki 1
Lisää alapuolen reuna <div> -elementille:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
Esimerkki 2
Muuta <div> -elementin alapuolen reunan leveyttä, tyylejä ja värejä:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
Esimerkki 3
Palauttaa <div> -elementin border-bottom ominaisuuden arvon:
alert(document.getElementById("myDiv").style.borderBottom);
syntaksi
Palauta borderBottom ominaisuus:
object.style.borderBottom
Aseta borderBottom ominaisuus:
object.style.borderBottom = "width style color|initial|inherit"
ominaisuusarvo
arvo | kuvaus |
---|---|
width | Aseta alapuolen reunan leveys. |
style | Aseta alapuolen reunan tyyli. |
color | Aseta alapuolen reunan väri. |
initial | Aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial. |
inherit | Periisi elementistä tämän ominaisuuden arvon. Katso inherit. |
Tekninen yksityiskohta
Oletusarvo: | ei määritelty |
---|---|
Palautusarvo: | merkkijono, joka ilmaisee elementin alapuolen reunan leveyden, tyylin ja/tai värin. |
CSS versio: | CSS1 |
selaimen tuki
Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan selaimen version.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- edellinen sivu border
- seuraava sivu borderBottomColor
- palaa yhdellä tasolla ylös HTML DOM Style objekti