Style color eigenschap

Definitie en gebruik

color Stel of retourneer de tekstkleur van de eigenschap.

Zie ook:

CSS TutorialCSS text

CSS ReferentiemanualColor-eigenschap

Voorbeeld

Voorbeeld 1

Stel de tekstkleur van verschillende elementen in:

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

Probeer het zelf

Voorbeeld 2

Retourneer de tekstkleur van het <p>-element:

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

Probeer het zelf

Syntaxis

Retourneer de color-eigenschap:

object.style.color

Stel de color-eigenschap in:

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

Eigenschapswaarde

Waarde Beschrijving
color

bepaalt de kleur van de tekst.

Bekijk CSS-kleurgebruikvoor een volledige lijst van mogelijke kleurwaarden.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap wordt van de ouderlijke element geërfd. Raadpleeg inherit.

Technische details

Standaardwaarde: Niet gespecificeerd
Retourwaarde: Een string die de tekstkleur van het element aangeeft.
CSS version: CSS1

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support