Style color ominaisuus

Määrittely ja käyttö

color Aseta tai palauta tekstin väri ominaisuus.

Lisäksi:

CSS oppitunti:CSS teksti

CSS viittausoppikirja:Color ominaisuus

Esimerkki

Esimerkki 1

Aseta eri elementtien tekstin väri:

document.getElementById("myH2").style.color = "#ff0000";
document.getElementById("myP").style.color = "magenta";
document.getElementById("myP2").style.color = "blue";
document.getElementById("myDiv").style.color = "lightblue";

Kokeile itse

Esimerkki 2

Palauttaa <p> elementin tekstin värin:

alert(document.getElementById("myP").style.color);

Kokeile itse

Syntaksi

Palauta color ominaisuus:

object.style.color

Aseta color ominaisuus:

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

Ominaisuusarvo

Arvo Kuvaus
color

Määrittelee tekstin värin.

Tarkista CSS väriarvotsaadaksesi täydellisen luettelon mahdollisista väriarvoista.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: Ei määritelty
Palautusarvo: Merkki, joka ilmaisee elementin tekstin väriä.
CSS versio: CSS1

Selaimen tuki

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