Tausta päritolu - CSS-trikid

Lang L: none (table-of-contents)

background-originVara määratletakse kui värvida taust: kogu element, seespool või sees polster.

Seal on neli väärtust: border-box, padding-box, content-boxja inherit. Siin on demo:

Vaadake CodePeni saidil Timothy Milleri (@tjacobdesign) pliiatsi tausta päritolu demot.

background-origin on sarnane taustalõikega, välja arvatud see, et see muudab tausta pigem selle asemel, et seda lõikaks.

Ülaltoodud näide on kehtinud background-size: coverja seda on background-repeat: no-repeatka kasutatud. Kui see nii ei oleks, korduks pilt piiri või polsterduse all.

Seotud

  • taust-kinnitus
  • taustklipp
  • taustavärv
  • taustapilt
  • taust-positsioon
  • taust-kordus
  • tausta suurus

Rohkem ressursse

  • CSS3 spetsifikatsioon
  • MDN

Brauseri tugi

Chrome Safari Firefox Ooper IE Android iOS
1+ 3+ 4+ 10,5+ 9+ Töötab Töötab

Huvitavad Artiklid...