CSS3 Background Clip

Určuje, kde všude se uvnitř elementu vykresluje obrázek nebo barva na pozadí.

Výchozí hodnota je:

background-clip: border-box;

Znamená, že pozadí se vykreslí i pod rámečkem elementu.

Další možnosti míry roztažení pozadí:

padding-box – jen pod obsahovým boxem a paddingem

content-box – jen pod obsahovým boxem

Pokud není úplně zřejmé, jaký je rozdíl mezi border-, padding- a content-box, mrkněte se na schéma u vlastnosti box-sizing.

Příklad k vyzkoušení – cdpn.io/e/yamFI.

Podpora v prohlížečích

IE9+. Polyfilly pro IE8 snad ani neexistují a není se čemu divit. Těžko hledat příklad, kdy by byly nezbytné.

Poznámka: Ukázky kódu v článku obsahují pouze standardní syntaxi podle CSS3 norem. Ve některých případech je potřeba použít vendor prefix varianty. Na aktuální situaci se podívejte na shouldiprefix.com.

Komentáře