目录

style backgroundClip 属性

示例

指定背景的绘制区域:

document.getElementById("myDIV").style.backgroundClip = "content-box";
亲自试一试 »

描述

backgroundClip 属性设置或返回背景的绘画区域。

也可以看看:

HTML 样式:背景属性

CSS 教程:CSS 背景

CSS3 教程:CSS3 背景

CSS 参考:背景剪辑属性


语法

返回backgroundClip属性:

object.style.backgroundClip

设置backgroundClip属性:

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

属性值

Value Description
border-box Default value. The background is clipped to the border box
padding-box The background is clipped to the padding box
content-box The background is clipped to the content box
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 边框
返回值: 一个字符串,表示元素的背景剪辑属性
CSS版本 CSS3

浏览器支持

backgroundClip是 CSS3 (1999) 的一项功能。

所有浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 11