Háttér-eredet - CSS-trükkök

Anonim

A background-origintulajdonság meghatározza, hogy hol kell festeni a hátteret: az egész elemen, a határon belül vagy a párnázáson belül.

Négy értékek: border-box, padding-box, content-boxés inherit. Itt egy bemutató:

Lásd Timothy Miller (@tjacobdesign) Pen Background Origin Demo-ját a CodePen-en.

background-origin hasonló a háttérkliphez, azzal a különbséggel, hogy inkább átméretezi a hátteret, mintsem levágja.

A fenti példa alkalmazható background-size: coverés background-repeat: no-repeatalkalmazható is. Ha nem ez lenne a helyzet, akkor a kép megismétlődne a szegély vagy a betét alatt.

Összefüggő

  • háttér-kötődés
  • háttér-klip
  • háttérszín
  • háttérkép
  • háttér-helyzet
  • háttérismétlés
  • háttérméret

További források

  • CSS3 Spec
  • MDN

Böngésző támogatás

Króm Szafari Firefox Opera AZAZ Android iOS
1+ 3+ 4+ 10,5+ 9+ Művek Művek