Style outlineWidth -ominaisuus
- Edellinen sivu outlineStyle
- Seuraava sivu overflow
- Palaa ylös HTML DOM Style objekti
Määrittely ja käyttö
outlineWidth
Asettaa tai palauttaa elementin ympärillä olevan ääriviivan leveys.
Ääriviiva on viiva, joka ympäröi elementtiä. Se näkyy elementin ulkoreunassa. Mutta se on erilainen kuin reunaviiva-ominaisuus.
Ääriviiva ei ole osa elementin mittoja, joten elementin leveys- ja korkeusominaisuudet eivät sisällä ääriviivan leveyttä.
Lisäksi katso:
CSS -opas:CSS-reunus
CSS -viittausopas:outline-ominaisuus
HTML DOM -viittausopas:outline-ominaisuus
Esimerkki
Esimerkki 1
Muuta <div> -elementin ääriviivan leveys:
document.getElementById("myDiv").style.outlineWidth = "10px";
Esimerkki 2
Muuta <div> -elementin ääriviivan leveys käyttämällä arvoa "thick":
document.getElementById("myDiv").style.outlineWidth = "thick";
Esimerkki 3
Palauttaa <div> -elementin ääriviivan leveys:
alert(document.getElementById("myDiv").style.outlineWidth);
Syntaksi
Palauta outlineWidth-ominaisuus:
object.style.outlineWidth
Aseta outlineWidth-ominaisuus:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
Ominaisuuden arvo
Arvo | Kuvaus |
---|---|
thin | Määrittelee ohuen ääriviivan. |
medium | Määrittelee keskipaksun ääriviivan. Oletus. |
thick | Määrittelee paksun ääriviivan. |
length | Pituusyksiköissä mitattu ääriviivan leveys. |
initial | Aseta tämä ominaisuus sen oletusarvoon. Katso initial. |
inherit | Periisiäisen elementin ominaisuudesta perittynyt arvo. Katso inherit. |
Tekninen tarkistus
Oletusarvo: | medium |
---|---|
Palautusarvo: | Merkkijono, joka ilmaisee elementin ääriviivan leveyden. |
CSS versio: | CSS2 |
Selaimen tuki
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Tuki | Tuki | Tuki | Tuki | Tuki |
- Edellinen sivu outlineStyle
- Seuraava sivu overflow
- Palaa ylös HTML DOM Style objekti