Style outlineWidth -ominaisuus

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";

Kokeile itse

Esimerkki 2

Muuta <div> -elementin ääriviivan leveys käyttämällä arvoa "thick":

document.getElementById("myDiv").style.outlineWidth = "thick";

Kokeile itse

Esimerkki 3

Palauttaa <div> -elementin ääriviivan leveys:

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

Kokeile itse

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