Właściwość CSS background-origin

Definicja stylu, przeznaczenie i użycie background-origin

Właściwość background-origin określa położenie początkowe (obszar pozycjonowania tła) obrazu tła.

Uwaga: ta właściwość nie działa, jeśli element ma właściwość background-attachment z wartością fixed.

Wartości właściwości background-origin

Składnia CSS background-origin

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

Wsparcie przeglądarek dla właściwości background-origin

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
background-origin	4.0	9.0	4.0	3.0	10.5

Przykładowe zastosowania z właściwością background-origin

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

#myDIV {
  padding:25px;
  border:10px dotted #000000;
  background-image:url('/images/kurs-style-css/sample.jpg');
  background-origin:border-box;
  background-repeat:no-repeat;
}

Przykłady właściwości background-origin

background-origin: padding-box;

background-origin: content-box;

background-origin: border-box;