Właściwość CSS background-clip

Definicja stylu, przeznaczenie i użycie background-clip

Właściwość background-clip określa, jak daleko powinno rozciągać się tło (kolor lub obraz) w elemencie, background-clip definiuje sposób przycięcia tła interesującego nas elementu HTML.

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

Składnia CSS background-clip

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

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

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

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

Przykładowe zastosowania właściwości background-clip

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

#myDIV {
  padding: 15px;
  border: 10px dotted #000000;
  background-color: yellow;  
  background-clip:border-box;
}

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

background-clip: padding-box;

background-clip: content-box;

background-clip: border-box;