Opis

background-image określa jeden lub więcej obrazów tła dla elementu.

Domyślnie obraz tła jest umieszczany w lewym górnym rogu elementu i jest powtarzany pionowo, jak i poziomo.

Tłem elementu jest całkowity rozmiar elementu, w tym wypełnienie i obramowanie (ale nie margines).

Wskazówka: Zawsze ustaw kolor tła, który będzie używany, jeśli obraz jest niedostępny.

Zobacz też: background

Przykład
Kod:
Wartości

background-image: none|url|gradient|initial|inherit;

WartośćOpis
none Domyślne. Brak obrazu tła.
url('URL')
url("img_zs7.png")
Adres URL obrazu (lub obrazów oddzielonych przecinkami)
linear-gradient(...)
(angle | to side-or-corner, color-stop1, color-stop2, ...)
linear-gradient(red, yellow, blue)
linear-gradient(45deg, red 10%, yellow 20%, blue 30%)
Funkcja.
radial-gradient(...)
(shape size at position, start-color, ..., last-color)
radial-gradient(red, yellow, blue)
radial-gradient(circle at left, red 10%, yellow 20%, blue 30%)
Funkcja.
repeating-linear-gradient(...)
(angle | to side-or-corner, color-stop1, color-stop2, ...)
repeating-linear-gradient(45%, red 10%, yellow 20%, blue 30%)
Funkcja.
repeating-radial-gradient(...)
(shape size at position, start-color, ..., last-color)
repeating-radial-gradient(red 10%, yellow 20%, blue 30%)
Funkcja.
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     |     
Info: Domyślna wartość: none
Dziedziczenie:
Animowalność:
JavaScript: object.style.backgroundImage (np. ="url(obraz.gif)")