Style backgroundClip 屬性

定義和用法

backgroundClip 屬性設置或返回背景的繪制區域。

另請參閱：

HTML 樣式：background 屬性

CSS 教程：CSS 背景

CSS3 教程：CSS3 背景

CSS 參考手冊：background-clip 屬性

實例

指定背景的繪制區域：

document.getElementById("myDIV").style.backgroundClip = "content-box";

親自試一試

語法

返回 backgroundClip 屬性：

object.style.backgroundClip

設置 backgroundClip 屬性：

object.style.backgroundClip = "border-box|padding-box|content-box|initial|inherit"

屬性值

值 描述
border-box 默認值。背景被裁剪到邊框盒（border box）。
padding-box 背景被裁剪到內邊距框。
content-box 背景被裁剪到內容框。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： border-box
返回值： 字符串，表示元素的 background-clip 屬性。
CSS 版本： CSS3

瀏覽器支持

backgroundClip 是 CSS3 (1999) 特性。

所有瀏覽器都完全支持它：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
支持 支持 支持 支持 支持 11