Stijl kleur Eigenschap
Voorbeeld
Stel de tekstkleur in voor verschillende elementen:
document.getElementById("myH2").style.color = "#ff0000";
document.getElementById("myP").style.color = "magenta";
document.getElementById("myP2").style.color = "blue";
document.getElementById("myDiv").style.color = "lightblue";
Definitie en gebruik
Met de kleureigenschap wordt de kleur van de tekst ingesteld of geretourneerd.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
color | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de kleureigenschap:
object.style.color
Stel de kleureigenschap in:
object.style.color = "color|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
color | Specifies the color of the text. Look at CSS Color Values for a complete list of possible color values |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | niet gespecificeerd |
---|---|
Winstwaarde: | Een String, die de tekstkleur van een element vertegenwoordigt |
CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Retourneer de tekstkleur van een <p> element:
alert(document.getElementById("myP").style.color);
Gerelateerde pagina's
CSS-zelfstudie: CSS-tekst
CSS-referentie: kleureigenschap
❮ Stijlobject