Style outline ominaisuus

Määrittely ja käyttö

outline Ominaisuus asettaa tai palauttaa lyhyessä muodossa kaikki ääriviivan ominaisuudet.

Tämän ominaisuuden avulla voit asettaa/tarkistaa seuraavat yhden tai useamman (mikä tahansa järjestys):

Ääriviiva on viiva elementin ympärillä. Se näkyy elementin ulkoreunalla. Mutta se eroaa border ominaisuus Eri.

Ääriviiva ei ole osa elementin kokoa, joten elementin leveys- ja korkeusominaisuudet eivät sisällä ääriviivan leveyttä.

Lisäksi katso:

CSS oppaasti:CSS-reunaviiva

CSS viittauskirja:outline ominaisuus

Esimerkki

Esimerkki 1

Lisää ääriviiva <div> -elementin ympärille:

document.getElementById("myDiv").style.outline = "thick solid #0000FF";

Kokeile itse

Esimerkki 2

Muuta <div> -elementin ääriviivan leveyttä, tyyliä ja väriä:

document.getElementById("myDiv").style.outline = "5px dotted green";

Kokeile itse

Esimerkki 3

Palauttaa <div> -elementin outline ominaisuuden arvon:

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

Kokeile itse

Syntaksi

Palauta outline ominaisuus:

object.style.outline

Aseta outline ominaisuus:

object.style.outline = "width style color|initial|inherit"

Ominaisuusarvo

Arvo Kuvaus
width Aseta ääriviivan leveys.
style Aseta ääriviivan tyyli.
color Aseta ääriviivan väri.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: medium none invert
Palautusarvo: merkkijono, joka ilmaisee elementin ääriviivan leveyden, tyylin ja/orin väriä.
CSS versio: CSS2

selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
tuki tuki tuki tuki tuki