CSS3 background-origin 屬性

2018-07-22 21:43 更新

實(shí)例

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

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

親自試一試

瀏覽器支持

IE Firefox Chrome Safari Opera

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

定義和用法

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

注釋?zhuān)喝绻尘皥D像的 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;
描述 測(cè)試
padding-box 背景圖像相對(duì)于內(nèi)邊距框來(lái)定位。 測(cè)試
border-box 背景圖像相對(duì)于邊框盒來(lái)定位。 測(cè)試
content-box 背景圖像相對(duì)于內(nèi)容框來(lái)定位。 測(cè)試

相關(guān)頁(yè)面

CSS3 教程:CSS3 背景

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)