Style borderBottomStyle ominaisuus

Määrittely ja käyttö

borderBottomStyle Aseta tai palauta elementin alapuolen reunan tyyli.

Katso myös:

CSS -opetusCSS reunat

CSS -viittauskirjaborder-bottom-style-ominaisuus

HTML DOM -viittauskirjaborder-ominaisuus

Esimerkki

Esimerkki 1

Lisää <div>-elementille kiinteä alapuolen reunus:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

Kokeile itse

Esimerkki 2

Muuta <div>-elementin alapuolen reunan tyyli "dotted":

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

Kokeile itse

Esimerkki 3

Palauttaa <div>-elementin alapuolen reunavaran tyylin:

alert(document.getElementById("myDiv").style.borderBottomStyle);

Kokeile itse

Esimerkki 4

Kaikkien eri arvojen esittely:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

Kokeile itse

Syntaksi

Palauta borderBottomStyle-ominaisuus:

object.style.borderBottomStyle

Aseta borderBottomStyle-ominaisuus:

object.style.borderBottomStyle = value

Ominaisuusarvo

Arvo Kuvaus
none Määrittää reunattoman reunan. Oletusarvo.
hidden Sama kuin "none", mutta ei sovellu taulukkoelementtien reunojen konfliktin ratkaisuun.
dotted Määrittää pisteiden reunan.
dashed Määrittää viivamerkkin reunan.
solid Määrittää täyttävän reunan.
double Määrittää kaksi reunaa. Molempien reunusten leveys on sama kuin border-width-arvon.
groove Määrittää 3D kuoppavaunun reunan. Vaikutus riippuu border-color arvot.
ridge Määrittää 3D ryijyseitseisen reunan. Vaikutus riippuu border-color arvot.
inset Määrittää 3D sisään olevan reunan. Vaikutus riippuu border-color arvot.
outset Määrittää 3D ulospäin olevan reunan. Vaikutus riippuu border-color arvot.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit.

Tekninen tarkistus

Oletusarvo: none
Palautusarvo: Merkkijono, joka ilmaisee elementin alapuolen reunavaran tyylin.
CSS-versio: CSS1

Selaimen tuki

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

Huomautus:IE7 ja aikaisemmat versiot eivät tue arvoa "hidden". IE9 ja uudet versiot tukevat "hidden".