background-origin

Podsumowanie

w aplikacjach opartych na Mozilli -moz-background-origin decyduje, który boks wyznacza układ współrzędnych używanych przez wartości własności background-position.

background-origin nie stosuje się, gdy własność background-attachment ma wartość fixed.

  • Wartość początkowa: padding-box
  • Dotyczy: wszystkich elementów
  • Dziedziczony: nie

 

Składnia

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

Wartości

border-box
Pozycja tła jest relatywna względem obramowania, zatem obrazek może znaleźć się pod obramowaniem.
padding-box
Pozycja tła jest relatywna względem wypełnienia.
content-box
Pozycja tła jest relatywna względem zawartości.

Przykłady

hbox.example {
  border: 10px double #000000;
  padding: 10px;
  background: url('image.jpg');
  background-position: center left;
  /* tło będzie wewnątrz padding */
  background-origin: content-box;
}

Autorzy i etykiety dokumentu

 Autorzy tej strony: teoli, Mgjbot, Ptak82, Witia
 Ostatnia aktualizacja: teoli,