Style borderRightStyle ominaisuus
- Edellinen sivu borderRightColor
- Seuraava sivu borderRightWidth
- Palaa ylös HTML DOM Style-objekti
Määrittely ja käyttö
borderRightStyle
Aseta tai palauta elementin oikean reunaviivan tyyli ominaisuudella。
Katso myös:
CSS -opetusohjelma:CSS-reunat
CSS -viittauskirja:border-right-style ominaisuus
HTML DOM -viittauskirja:border-ominaisuus
Esimerkki
Esimerkki 1
Lisää <div>-elementille 'täyttöinen' oikea reunaviiva:
document.getElementById("myDiv").style.borderRightStyle = "solid";
Esimerkki 2
Muuta <div>-elementin oikean reunan tyyliksi "dotted":
document.getElementById("myDiv").style.borderRightStyle = "dotted";
Esimerkki 3
Palauttaa <div>-elementin oikean reunan tyylin:
alert(document.getElementById("myDiv").style.borderRightStyle);
Esimerkki 4
Kaikkien eri arvojen esittely:
var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myDiv").style.borderRightStyle = listValue;
Syntaksi
Palauta borderRightStyle-ominaisuus:
object.style.borderRightStyle
Aseta borderRightStyle-ominaisuus:
object.style.borderRightStyle = value
Arvo | Kuvaus |
---|---|
none | Määrittää reunan puuttuvaksi. Oletus. |
hidden | On sama kuin "none", mutta ei poikkeuksellisesti ratkaiseessa taulukkomuotoilun reunojen konfliktissa. |
dotted | Määrittää pisteiden reunan. |
dashed | Määrittää viivamerkkin reunan. |
solid | Määrittää täyden reunan. |
double | Määrittää kaksi reunaa. Molempien reunojen leveys on sama kuin border-width-arvon. |
groove | Määrittää 3D syvennetyn reunan. Vaikutus riippuu border-color arvon. |
ridge | Määrittää 3D korotetun reunan. Vaikutus riippuu border-color arvon. |
inset | Määrittää 3D sisään olevan reunan. Vaikutus riippuu border-color arvon. |
outset | Määrittää 3D ulospäin olevan reunan. Vaikutus riippuu border-color arvon. |
initial | Aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial. |
inherit | Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit. |
Tekninen yksityiskohta
Oletusarvo: | Ei mitään |
---|---|
Palautusarvo: | Merkkijono, joka ilmaisee elementin oikean reunan tyylin. |
CSS versio: | CSS1 |
Selaimen tuki
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Tuki | Tuki | Tuki | Tuki | Tuki |
- Edellinen sivu borderRightColor
- Seuraava sivu borderRightWidth
- Palaa ylös HTML DOM Style-objekti