Najnowsze tutoriale tworzenie stron internetowych
 

Style backgroundImage Property

<Style obiektu

Przykład

Ustawić obraz tła dla dokumentu:

document.body.style.backgroundImage = "url('img_tree.png')";
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

Zestawy własności backgroundImage lub zwraca obraz tła elementu.

Tip: W uzupełnieniu do tła wizerunku należy również określić background-color. Tło kolor będzie używany wtedy, gdy obraz jest niedostępny.


Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.

Nieruchomość
backgroundImage 1,0 4.0 1,0 1,0 3.5

Składnia

Zwraca właściwość backgroundImage:

object .style.backgroundImage

Ustaw właściwość backgroundImage:

object .style.backgroundImage="url(' wartości nieruchomości
Wartość Opis
url( 'URL' ) Położenie pliku obrazu
none Brak obrazu tła. Jest to domyślny
initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość: Żaden
Zwracana wartość: Ciąg reprezentujący obraz tła
Wersja CSS CSS1

Więcej przykładów

Przykład

Ustawić obraz tła określonego <div> element:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Spróbuj sam "

Przykład

Powrót obraz tła określonego <div> element:

alert(document.getElementById("myDiv").style.backgroundImage);
Spróbuj sam "

Przykład

Zwraca obraz tła dokumentu:

alert(document.body.style.backgroundImage);
Spróbuj sam "

Podobne strony

Kurs CSS: CSS Tło

Tutorial CSS3: CSS3 Tła

Odniesienie CSS: background-image property

Odniesienia HTML DOM: background property


<Style obiektu