CSS:-moz-background-origin

z Mozilla Developer Center, polskiego centrum programistów Mozilli.

« Dokumentacja CSS « Dokumentacja CSS:Rozszerzenia Mozilli

[edytuj] 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.

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

-moz-background-origin jest eksperymentalną implementacją proponowanej własności CSS3 background-origin, która jeszcze nie ma osiągniętego statusu Candidate Recommendation (wymaga implementacji).

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

[edytuj] Składnia

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

[edytuj] Wartości

border

Pozycja tła jest relatywna względem obramowania, zatem obrazek może znaleźć się pod obramowaniem.

padding

Pozycja tła jest relatywna względem wypełnienia.

content

Pozycja tła jest relatywna względem zawartości.

[edytuj] 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 */
  -moz-background-origin: content;
}

[edytuj] Znane błędy

-moz-background-origin: content nie wylicza się prawidłowo dla procentowej wartości padding.