Własność CSS color określa główny kolor pierwszoplanowy, czyli przede wszystkim kolor tekstu i jego ozdób, takich jak podkreślenie, przekreślenie itp. Ponadto ustawienie tej własności jest wykorzystywane jako wartość reprezentowana przez słowo kluczowe currentcolor, która jest używana jako wartość domyślna przez kilka innych własności CSS, między innymi przez własność border-color.
Przykład
W CSS kolor tekstu zmienia się bardzo łatwo. W poniższym przykładzie w elemencie article nastąpi zmiana koloru tekstu na zielony.
article {
color: green;
}
<article>Lorem ipsum dolor sit amet.</article>Wartości i składnia
Własność color przyjmuje jedną wartość, którą może być dowolna wartość koloru CSS lub słowo kluczowe currentcolor.
Wartość koloru CSS określa kolor tekstu i jego elementów dekoracyjnych, natomiast słowo kluczowe currentcolor w przypadku własności color ma takie samo znacznie, jak słowo inherit.
Zastosowanie
Własność CSS color ma zastosowanie do wszystkich elementów HTML, a także do pseudoelementów ::first-line i ::first-letter.
Podsumowanie
| Zastosowanie | Wszystkie elementy HTML oraz pseudoelementy ::first-line i ::first-letter |
|---|---|
| Obsługiwane wartości |
|
| Wartość początkowa | Słowo kluczowe canvastext |
| Dziedziczenie | Tak |
| Specyfikacja | CSS Color Module Level 4 – własność color |
