--- title: background-color slug: Web/CSS/background-color tags: - CSS - CSS Background - CSS Property - Reference translation_of: Web/CSS/background-color ---

{{ CSSRef() }}

Podsumowanie

Właściwość CSS background-color ustawia kolor tła elementu, albo poprzez wartość koloru lub słowo kluczowe transparent.

{{cssinfo}}

Składnia

Właściwość background-color jest deklarowana jako pojedyncza wartość <color>.

background-color: color | transparent | inherit

Wartości

{{cssxref("<color>")}}
Jest to styl CSS, który opisuje zunifikowany kolor tła. Nawet jeśli jest zdefiniowany jeden lub kilka {{cssxref("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. 
rgb(255, 255, 128);
 lub poprzez użycie jednego z predefiniowanych słów kluczowych określających kolor.
transparent 
Domyślną wartością dla background-color jest transparent, 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;
}

Result

{{EmbedLiveSample("Examples","200","150")}}

Specyfikacje