Własność CSS color

> Dodaj do ulubionych

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

ZastosowanieWszystkie elementy HTML oraz pseudoelementy ::first-line i ::first-letter
Obsługiwane wartości
Wartość początkowa Słowo kluczowe canvastext
DziedziczenieTak
SpecyfikacjaCSS Color Module Level 4 – własność color

Zobacz również