就像是? 把照片放在相框里面? 相框邊框決定了里面放多大的照片?? 而background-origin就是讓你決定背景圖片是放在哪里

告訴瀏覽器你圖片的中心點(diǎn)在哪里

瀏覽器支持

IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-origin 屬性。

定義和用法

background-origin 屬性規(guī)定 background-position 屬性相對(duì)于什么位置來(lái)定位。

注釋：如果背景圖像的 background-attachment 屬性為 "fixed"，則該屬性沒(méi)有效果。

默認(rèn)值：padding-box ? ?

繼承性：no ? ?

版本：CSS3 ? ?

JavaScript 語(yǔ)法：object.style.backgroundOrigin="content-box" ? ?

語(yǔ)法 ?background-origin: padding-box | border-box | content-box;

值 ? ? ? ? ? ? ? ? ? ? ? ? ?描述

padding-box ? ? ? ?背景圖像相對(duì)于內(nèi)邊距框來(lái)定位。 ?

border-box ? ? ? ? ?背景圖像相對(duì)于邊框盒來(lái)定位。?

content-box ? ? ? ? 背景圖像相對(duì)于內(nèi)容框來(lái)定位。 ?