Atrybut Style backgroundSize

Definicja i użycie

backgroundSize Ustawienie lub zwrócenie rozmiaru obrazu tła.

Inne informacje:

HTML Style:Atrybut background

CSS Kurs:Tło CSS

CSS3 Kurs:CSS3 Tła

CSS Księga referencyjna:Atrybut background-size

Przykład

Określenie rozmiaru obrazu tła:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

Spróbuj sam

Gramatyka

Zwrócenie atrybutu backgroundSize:

object.style.backgroundSize

Ustawienie atrybutu backgroundSize:

object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"

Wartość atrybutu

Wartość Opis
auto Wartość domyślna. Obraz tła zawiera jego szerokość i wysokość.
length

Ustaw szerokość i wysokość obrazu tła.

Pierwsza wartość ustawia szerokość, druga wartość ustawia wysokość.

Jeśli podano tylko jedną wartość, druga jest ustawiona na "auto".
percentage

Ustaw szerokość i wysokość obrazu tła w procentach od elementu nadrzędnego.

Pierwsza wartość ustawia szerokość, druga wartość ustawia wysokość.

Jeśli podano tylko jedną wartość, druga jest ustawiona na "auto".
cover

Zwiększ rozmiar obrazu tła do maksymalnego, aby obszar tła był całkowicie pokryty obrazem tła.

Części obrazu tła mogą nie być w obszarze lokalizacji tła.
contain Zwiększ rozmiar obrazu do maksymalnego, aby jego szerokość i wysokość pasowały do obszaru treści.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegółowe informacje techniczne

Wartość domyślna: auto
Wartość zwracana: Ciąg znaków, który określa Atrybut background-size.
Wersja CSS: CSS3

Obsługa przeglądarek

backgroundSize To cecha CSS3 (1999).

Wszystkie przeglądarki obsługują je w pełni:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Wspiera Wspiera Wspiera Wspiera Wspiera 11