CSS:color
z Mozilla Developer Center, polskiego centrum programistów Mozilli.
[edytuj] Podsumowanie
color ustawia pierwszoplanowy kolor dla zawartości tekstowej elementu.
- Wartość początkowa: zależy od programu użytkownika
- Stosowana do: wszystkich elementów
- Dziedziczona: tak
- Procenty: niedostępne
- Media:
visual - Wartość wyliczona: jako określone
[edytuj] Składnia
color: color | inherit
[edytuj] Wartości
- color
- Kolor może być określony zgodnie z poniższymi zasadami:
- jako heksadecymalna (szesnastkowa) wartość RGB
- jako regularna wartość RGB lub RGBA Nowość w Firefoksie 3
- jako regularna wartość HSL lub HSLA Nowość w Firefoksie 3
- jako jedna z predefiniowanych nazw kolorów
[edytuj] Przykłady
Poniżej są wszystkie sposoby na zrobienie czerwonego tekstu w elemencie:
element { color: red }
element { color: #f00 }
element { color: #ff0000 }
element { color: rgb(255,0,0) }
element { color: rgb(100%, 0%, 0%) }
element { color: hsl(0, 100%, 50%) } Nowość w Firefoksie 3
Jeśli chcesz uwzględnić wartość kanału alfa by uwzględnić przezroczystość, możesz użyć kolorów w formacie RGBA lub HSLA:
element { color: rgba(255, 0, 0, 0.5) } Nowość w Firefoksie 3
element { color: hsla(0, 100%, 50%, 0.5) } Nowość w Firefoksie 3
Oba powyższe przykłady definiują kolor z przezroczystością ustawioną na 0.5 lub 50%.