CSS background-clip 屬性

定義和用法

background-clip 屬性規定背景的繪制區域。

另請參閱：

CSS 教程：CSS 背景、CSS 背景（高級）

HTML DOM 參考手冊：backgroundClip 屬性

實例

規定背景的繪制區域：

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

親自試一試

CSS 語法

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

屬性值

值 描述 測試
border-box 背景被裁剪到邊框盒。 測試
padding-box 背景被裁剪到內邊距框。 測試
content-box 背景被裁剪到內容框。 測試

技術細節

默認值： border-box
繼承性： no
版本： CSS3
JavaScript 語法： object.style.backgroundClip="content-box"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0 9.0 4.0 3.0 10.5