Style outlineColor ominaisuus

Määrittely ja käyttö

outlineColor Aseta tai palauta elementin ympärillä olevan ääriviivan väriä.

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

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

Lisäksi katso:

CSS oppikirja:CSS:n reunat

CSS viittausoppikirja:outline-color ominaisuus

HTML DOM viittausoppikirja:outline ominaisuus

Esimerkki

Esimerkki 1

Muuta <div> elementin ääriviivan väriä:

document.getElementById("myDiv").style.outlineColor = "#00ff00";

Kokeile itse

Esimerkki 2

Palauttaa <div> elementin reunaväriä:

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

Kokeile itse

Syntaksi

Palauta outlineColor ominaisuus:

object.style.outlineColor

Aseta outlineColor ominaisuus:

object.style.outlineColor = "color|invert|initial|inherit"

Ominaisuusarvo

Arvo Kuvaus
color

Määrittelee ääriviivan väriä.

Tarkista CSS väriarvot，saadaksesi täydellisen luettelon mahdollisista väriarvoista.
invert Käännä ääriviivan väri sen vastakohtaiseksi arvoksi. Oletus.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: invert
Palautusarvo: Merkkijono, joka ilmaisee elementin ääriviivan väriä.
CSS versio: CSS2

Selain tukee

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki