Proprietà background-clip CSS

Definizione e uso

background-clip L'attributo definisce l'area di disegno dello sfondo.

Vedi anche:

Corso CSS:Sfondo CSS、Sfondo CSS (avanzato)

Manuale di riferimento HTML DOM:Proprietà backgroundClip

Esempio

Definisce l'area di disegno dello sfondo:

div
{
background-color:yellow;
background-clip:content-box;
}

Prova tu stesso

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione Test
border-box L'anteprima viene tagliata al riquadro del bordo. Test
padding-box L'anteprima viene tagliata al riquadro del padding. Test
content-box L'anteprima viene tagliata al riquadro del contenuto. Test

Dettagli tecnici

Valore predefinito: border-box
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: object.style.backgroundClip="content-box"

Supporto del browser

La tabella indica la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0 9.0 4.0 3.0 10.5