background-originProprietatea definește în cazul în care pentru a picta fundalul: peste întregul element, din interiorul marginii, sau în interiorul umplutură.
Există patru valori: border-box, padding-box, content-boxși inherit. Iată o demonstrație:
Consultați Demo-ul Originilor stilului Pen de Timothy Miller (@tjacobdesign) pe CodePen.
background-origin este similar cu background-clip, cu excepția faptului că redimensionează fundalul, mai degrabă decât să-l decupeze.
Exemplul de mai sus s-a aplicat background-size: coverși background-repeat: no-repeatel. Dacă nu ar fi cazul, imaginea s-ar repeta sub margine sau căptușeală.
Legate de
- atașament de fundal
- clip de fundal
- culoare de fundal
- imagine de fundal
- fundal-poziție
- fundal-repetare
- dimensiunea fundalului
Mai multe resurse
- CSS3 Spec
- MDN
Suport pentru browser
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10.5+ | 9+ | Lucrări | Lucrări |