CSS3 background-clip 屬性

定義和用法

background-clip屬性指定背景繪制區(qū)域。

默認(rèn)值:border-box
繼承:no
版本:CSS3
JavaScript 語法:object object.style.backgroundClip="content-box"

語法

background-clip: border-box|padding-box|content-box;
值說明
border-box默認(rèn)值。背景繪制在邊框方框內(nèi)（剪切成邊框方框）。
padding-box背景繪制在襯距方框內(nèi)（剪切成襯距方框）。
content-box背景繪制在內(nèi)容方框內(nèi)（剪切成內(nèi)容方框）。

實例

實例

指定繪圖區(qū)的背景：

div
{
background-color:yellow;
background-clip:content-box;
}

嘗試一下 ?

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。

緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個瀏覽器版本號。

屬性     
border-image16.0
4.0 -webkit-		11.015.0
3.5 -moz-		6.0
3.1 -webkit-		15.0
11.0 -o-

相關(guān)文章

CSS3 教程: CSS3 Backgrounds