background-color
Podsumowanie
Właściwość CSS background-color
ustawia kolor tła elementu, albo poprzez wartość koloru lub słowo kluczowe transparent
.
Wartość początkowa | transparent |
---|---|
Stosowana do | wszystkich elementów. It also applies to ::first-letter and ::first-line (en-US). |
Dziedziczona | no |
Wartość wyliczona | computed color |
Animation type | a color |
Składnia
Właściwość background-color jest deklarowana jako pojedyncza wartość <color>.
background-color: color | transparent | inherit
Wartości
<color>
(en-US)- Jest to styl CSS, który opisuje zunifikowany kolor tła. Nawet jeśli jest zdefiniowany jeden lub kilka
background-image
, kolor może być renderowany, poprzez przezroczystość o ile nie jest ustawiony jako opaque. W CSS transparent jest kolorem. - Kolor może być określony jako szesnastkowa wartość RGB np. #ffaac9, typowa wartość RGB np.
lub poprzez użycie jednego z predefiniowanych słów kluczowych określających kolor.rgb(255, 255, 128);
- transparent
- Domyślną wartością dla
background-color
jesttransparent
, oznacza to, że element nie ma własnego koloru tła, zamiast tego renderowany jest kolor tła rodzica.
Przykłady
HTML
<div class="exampleone">
Lorem ipsum dolor sit amet, consectetuer
</div>
<div class="exampletwo">
Lorem ipsum dolor sit amet, consectetuer
</div>
<div class="examplethree">
Lorem ipsum dolor sit amet, consectetuer
</div>
CSS
.exampleone {
background-color: teal;
color: white;
}
.exampletwo {
background-color: rgb(153,102,153);
color: rgb(255,255,204);
}
.examplethree {
background-color: #777799;
color: #FFFFFF;
}