Style borderTopStyle ominaisuus
- Edellinen sivu borderTopRightRadius
- Seuraava sivu borderTopWidth
- Palaa ylös HTML DOM Style-objekti
Määrittely ja käyttö
borderTopStyle
Aseta tai palauta elementin yläreunuksen tyyli.
Katso myös:
CSS -opetusohjelma:CSS-reunat
CSS -viittauskirja:border-top-style ominaisuus
HTML DOM -viittauskirja:border-ominaisuus
Esimerkki
Esimerkki 1
Lisää <div>-elementille todellinen yläreunus:
document.getElementById("myDiv").style.borderTopStyle = "solid";
Esimerkki 2
Muuta <div>-elementin yläreunan tyylejä "dotted":
document.getElementById("myDiv").style.borderTopStyle = "dotted";
Esimerkki 3
Palauttaa <div>-elementin yläreunan tyylin:
alert(document.getElementById("myDiv").style.borderTopStyle);
Esimerkki 4
Kaikkien eri arvojen esittely:
var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myDiv").style.borderTopStyle = listValue;
Syntaksi
Palauta borderTopStyle-ominaisuus:
object.style.borderTopStyle
Aseta borderTopStyle-ominaisuus:
object.style.borderTopStyle = value|initial|inherit
Arvo | Kuvaus |
---|---|
none | Määrittää reunan puuttuvan. Oletus. |
hidden | Sama kuin "none", mutta ei poikkeusta taulukkomuotoilun reunojen konfliktin ratkaisussa. |
dotted | Määrittää pisteiden reunan. |
dashed | Määrittää viivamerkinnöllisen reunan. |
solid | Määrittää täyttömäisen reunan. |
double | Määrittää kaksi reunaa. Kummankin reunan leveys on sama kuin border-width-arvo. |
groove | Määrittää 3D reunojen reunojen. Vaikutus riippuu border-color arvot. |
ridge | Määrittää 3D ryöminän 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 arvoksi. Katso initial. |
inherit | Periisi elementistä tämän ominaisuuden arvo. Katso inherit. |
Tekninen yksityiskohta
Oletusarvo: | none |
---|---|
Palautusarvo: | Merkkijono, joka ilmaisee elementin yläreunan tyylin. |
CSS versio: | CSS1 |
Selaimen tuki
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Tuki | Tuki | Tuki | Tuki | Tuki |
- Edellinen sivu borderTopRightRadius
- Seuraava sivu borderTopWidth
- Palaa ylös HTML DOM Style-objekti