background-originĪpašumu definē kur nokrāsot fona: visā elementa iekšpusē robežas, vai arī iekšpusē polsterējums.
Ir četras vērtības: border-box, padding-box, content-boxun inherit. Lūk, demonstrācija:
Skatiet Timothy Miller (@tjacobdesign) pildspalvas izcelsmes izcelsmes demonstrāciju vietnē CodePen.
background-origin ir līdzīgs fona klipam, izņemot to, ka tas maina fona izmēru, nevis to apgriež.
Iepriekš minētajā piemērā ir background-size: coverun background-repeat: no-repeatarī piemērots. Ja tas tā nebūtu, attēls atkārtotos zem apmales vai polsterējuma.
Saistīts
- fona piestiprināšana
- fona klips
- fona krāsa
- fona attēls
- background-position
- fona atkārtojums
- fona lielums
Vairāk resursu
- CSS3 Spec
- MDN
Pārlūka atbalsts
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10,5+ | 9+ | Darbi | Darbi |