La background-originproprietà definisce dove dipingere lo sfondo: attraverso l'intero elemento, all'interno del bordo o all'interno del riempimento.
Ci sono quattro valori: border-box, padding-box, content-boxe inherit. Ecco una demo:
Guarda la demo dell'origine dello sfondo della penna di Timothy Miller (@tjacobdesign) su CodePen.
background-origin è simile a background-clip, tranne per il fatto che ridimensiona lo sfondo anziché ritagliarlo.
L'esempio precedente è stato applicato background-size: covere background-repeat: no-repeatapplicato. In caso contrario, l'immagine si sarebbe ripetuta sotto il bordo o il riempimento.
Relazionato
- sfondo-allegato
- clip di sfondo
- colore di sfondo
- immagine di sfondo
- background-position
- ripetizione in background
- dimensione dello sfondo
Più risorse
- Specifiche CSS3
- MDN
Supporto browser
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10.5+ | 9+ | Lavori | Lavori |