Atrybut background-origin w CSS

Definicja i użycie

background-origin Definicja i użycie background-position Atrybut położenia względem czego.

Komentarz:Jeśli obraz tła background-attachment Atrybut „ustalone„, to właściwość nie ma efektu.

Zobacz również:

Kurs CSS:Tło w CSS,Tło CSS (zaawansowane)

Podręcznik HTML DOM:Atrybut backgroundOrigin

Przykład

Położenie obrazu tła względem pola zawartości:

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

Spróbuj sam

Gramatyka CSS

background-origin: padding-box|border-box|content-box;

Wartość atrybutu

Wartość Opis Test
padding-box Położenie obrazu tła względem pola wewnętrznego. Test
border-box Położenie obrazu tła względem pola krawędzi. Test
content-box Położenie obrazu tła względem pola zawartości. Test

Szczegóły techniczne

Domyślna wartość: padding-box
Inheredność: nie
Wersja: CSS3
Gramatyka JavaScript: obiekt.style.backgroundOrigin="content-box"

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
4.0 9.0 4.0 3.0 10.5