Atrybut background-image w CSS

Definicja i użycie

background-image Atrybut ustawia obraz tła dla elementu.

Tło elementu zajmuje pełny rozmiar elementu, w tym wewnętrzne marginesy i ramki, ale nie obejmuje zewnętrznych marginesów.

Domyślnie, obraz tła znajduje się w lewym górnym rogu elementu i jest powtarzany w kierunku poziomym i pionowym.

Wskazówka:Ustaw proszę dostępny kolor tła, w ten sposób, jeśli obraz tła nie jest dostępny, strona może uzyskać dobry efekt wizualny.

Szczegółowe wyjaśnienie

Atrybut background-image ustawia obraz w tle elementu.

na podstawie background-repeat wartości atrybutu, obraz może być powtarzany w nieskończoność, wzdłuż jednej z osi (osi x lub osi y) lub wcale nie być powtarzany.

Początkowy obraz tła (oryginalny obraz) jest ustawiany na podstawie background-position Umieszczenie wartości atrybutu

Zobacz również:

Kurs CSS:Tło CSS,Tło CSS (zaawansowane),Przejście CSS

Podręcznik HTML DOM:Atrybut backgroundImage

Przykład

Ustawienie obrazu jako tła strony:

body
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }

Spróbuj sam

Gramatyka CSS

background-image: url|none|initial|dziedziczona;

Wartość atrybutu

Wartość atrybutu

Wartość Opis
url('URL) Ścieżka do obrazu.
brak Domyślna wartość. Nie wyświetla obrazu tła.
dziedziczona Definiuje, że ustawienia atrybutu background-image powinny być dziedziczone od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: brak
Inheredność: nie
Wersja: CSS1
Język JavaScript: object.style.backgroundImage="url(stars.gif)"

Wsparcie przeglądarki

Tabela zawiera numer pierwszej wersji przeglądarki, która w pełni 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