CSS color

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

CSS `color`

Właściwość color w CSS określa kolor tekstu danego elementu HTML. Nie ustawia tła, obramowania ani innych części elementu — dotyczy przede wszystkim zawartości tekstowej.

Składnia

p {
  color: blue;
}

Powyższy zapis oznacza, że tekst we wszystkich akapitach <p> będzie miał kolor niebieski.

Sposoby zapisu koloru

Kolor można podać na kilka sposobów:

nazwą koloru, np. red, blue, green,
zapisem szesnastkowym, np. #ff0000,
funkcją rgb(), np. rgb(255, 0, 0),
funkcją rgba(), gdy potrzebna jest przezroczystość,
funkcją hsl().

Przykład

p {
  background-color: red;
  color: blue;
  margin: 40px;
}

Ten kod nadaje akapitowi czerwone tło, niebieski kolor tekstu oraz margines zewnętrzny 40px.

Ważne na egzaminie

Nie należy mylić właściwości color z background-color:

color — kolor tekstu,
background-color — kolor tła elementu.

Jeżeli w pytaniu pojawia się zapis color: blue;, oznacza to, że tekst będzie niebieski, a nie tło.