做(zuò)自(zì)由與創造的先行(xíng)者

CSS background-origin 屬性

CSS中文手冊

定義和(hé)用法

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

注釋:如(rú)果背景圖像的 background-attachment 屬性為(wèi) "fixed",則該屬性沒有效果。

實例

相對于內(nèi)容框來定位背景圖像:

div

{

background-image:url('smiley.gif');

background-repeat:no-repeat;

background-position:left;

background-origin:content-box;

}

CSS 語法

background-origin: padding-box|border-box|content-box;

屬性值

描述 測試
padding-box 背景圖像相對于內(nèi)邊距框來定位。 測試
border-box 背景圖像相對于邊框盒來定位。 測試
content-box 背景圖像相對于內(nèi)容框來定位。 測試
網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發
下(xià)一(yī)篇:CSS background-position 屬性
上(shàng)一(yī)篇:CSS background-image 屬性