CSS kleur Eiendom
Voorbeeld
Stel die tekskleur vir verskillende elemente:
body
{
color: red;
}
h1
{
color: #00ff00;
}
p.ex
{
color: rgb(0,0,255);
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die coloreienskap spesifiseer die kleur van teks.
Wenk: Gebruik 'n agtergrondkleur gekombineer met 'n tekskleur wat die teks maklik maak om te lees.
| Standaard waarde: | nie gespesifiseer nie |
|---|---|
| Geërf: | ja |
| Animateerbaar: | ja. Lees oor animeerbaar |
| Weergawe: | CSS1 |
| JavaScript-sintaksis: | voorwerp .style.color="#0000FF" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
| Property | |||||
|---|---|---|---|---|---|
| color | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS-sintaksis
color: color|initial|inherit;
Eiendomswaardes
| Value | Description | Play it |
|---|---|---|
| color | Specifies the text color. 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 |
Meer voorbeelde
Voorbeeld
Stel die tekskleur met 'n HEX-waarde:
body {color: #92a8d1;}
Voorbeeld
Stel die tekskleur met 'n RGB-waarde:
body {color: rgb(201, 76, 76);}
Voorbeeld
Stel die tekskleur met 'n RGBA-waarde:
body {color: rgba(201, 76, 76, 0.6);}
Voorbeeld
Stel die tekskleur met 'n HSL-waarde:
body {color: hsl(89, 43%, 51%);}
Voorbeeld
Stel die tekskleur met 'n HSLA-waarde:
body {color: hsla(89, 43%, 51%, 0.6);}
Verwante bladsye
CSS-tutoriaal: CSS-teks
HTML DOM verwysing: kleur eiendom