Atrybut background-color CSS

Definicja i użycie

background-color Atrybut ustawia kolor tła elementu.

Zakres elementu tła

background-color Atrybut ustawia kolor tła dla elementu. Ten kolor wypełnia zawartość elementu, wewnętrzne marginesy i obszar ramki, rozszerzając się do zewnętrznych granic ramki elementu (ale nie włącznie do marginesów zewnętrznych). Jeśli ramka ma przezroczyste części (np. ramka przerywana), przez te przezroczyste części będzie widać kolor tła.

wartości transparent

Chociaż w większości przypadków nie ma potrzeby używania transparentJednak jeśli nie chcesz, aby element miał kolor tła, a także nie chcesz, aby ustawienia kolorów użytkownika wpływały na twój projekt, ustaw transparent Wartości są również niezbędne.

Zobacz również:

Tutorial CSS:Tło CSS

Podręcznik HTML DOM:Atrybut backgroundColor

Przykład

Ustawienie koloru tła dla różnych elementów:

body
  {
  background-color:yellow;
  }
h1
  {
  background-color:#00ff00;
  }
p
  {
  background-color:rgb(255,0,255);
  }

Spróbuj sam

Gramatyka CSS

background-color: color|transparent|initial|inherit;

Wartość atrybutu

Wartość Opis
color_name Definiuje kolor tła jako nazwę koloru (np. red).
hex_number Definiuje kolor tła jako wartość szesnastkową (np. #ff0000).
rgb_number Definiuje kolor tła jako wartość kodu rgb (np. rgb(255,0,0)).
transparent Domyślnie. Kolor tła jest przezroczysty.
inherit Definiuje, że ustawienie atrybutu background-color powinno być dziedziczone od elementu nadrzędnego.

Szczegóły techniczne

Domyślna wartość: transparent
Inheredność: no
Wersja: CSS1
Gramatyka JavaScript: object.style.backgroundColor="#00FF00"

Obsługa przeglądarek

Tabela zawiera numer wersji pierwszej przeglądarki, która obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5