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

告訴瀏覽器你圖片的中心點在哪里

瀏覽器支持

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

定義和用法

background-origin 屬性規定 background-position 屬性相對于什么位置來定位。

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

默認值：padding-box ? ?

繼承性：no ? ?

版本：CSS3 ? ?

JavaScript 語法：object.style.backgroundOrigin="content-box" ? ?

語法 ?background-origin: padding-box | border-box | content-box;

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

padding-box ? ? ? ?背景圖像相對于內邊距框來定位。 ?

border-box ? ? ? ? ?背景圖像相對于邊框盒來定位。?

content-box ? ? ? ? 背景圖像相對于內容框來定位。 ?