Style borderLeft ominaisuus
- edellinen sivu borderImageWidth
- seuraava sivu borderLeftColor
- palaa yläkerrokseen HTML DOM Style objekti
määritelmä ja käyttö
borderLeft
ominaisuudet asetetaan tai palautetaan lyhennetyllä muodossa enintään kolmea yksittäistä vasemman reunan ominaisuutta.
Tämän ominaisuuden avulla voit asettaa/palauttaa seuraavat yhden tai useamman (mihin tahansa järjestykseen):
lisäksi:
CSS oppimateriaali:CSS reunat
CSS viittausopas:border-left ominaisuus
HTML DOM viittausopas:border ominaisuus
esimerkki
esimerkki 1
lisää vasemman reunan <div> elementille:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
esimerkki 2
muuta <div> elementin vasemman reunan leveyttä, tyylejä ja värejä:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
esimerkki 3
palauttaa <div> elementin border-left ominaisuuden arvon:
alert(document.getElementById("myDiv").style.borderLeft);
syntaksi
palauta borderLeft ominaisuus:
object.style.borderLeft
aseta borderLeft ominaisuus:
object.style.borderLeft = "width style color|initial|inherit"
ominaisuusarvo
arvo | kuvaus |
---|---|
width | aseta vasemman reunan leveys. |
style | aseta vasemman reunan tyyli. |
color | aseta vasemman reunan väri. |
initial. | aseta tämä ominaisuus sen oletusarvoon. Katso initial. |
inherit | perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit. |
tekniset yksityiskohdat
oletusarvo: | ei määritelty |
---|---|
palautusarvo: | merkkijono, joka ilmaisee elementin vasemman reunan leveyden, tyylin ja/tai värin. |
CSS versio: | CSS1 |
selaimesuhteet
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
tuki | tuki | tuki | tuki | tuki |
- edellinen sivu borderImageWidth
- seuraava sivu borderLeftColor
- palaa yläkerrokseen HTML DOM Style objekti