指定背景的绘制区域: document.getElementById("myDIV").style.backgroundClip="content-box"; 尝试一下 » 定义和用法background-clip 属性设置或返回背景的绘制区域。浏览器支持Internet Explorer 9+、Firefox、Opera、Chrome 和 Safari 支持 backgroundClip 属性。注意...
默认情况下或者设置为background-clip:border-box;,黄色背景一直延伸到边框的外边缘。请注意边框看起是绿色的,是因为它下方有黄色背景。 当background-clip改变为padding-box时,背景颜色在元素填充(padding)结束的位置就停止了。请注意边框是蓝色的,是因为背景不允许进入边框区域。 使用background-clip:content-box;,...
background-clip:通常与背景颜色或背景图片一起使用,用于定义背景在元素中的显示范围。例如,如果你希望背景颜色只显示在内容区域,你可以设置background-clip: content-box;。 background-position:当你使用背景图片时,该属性用于调整图片在元素中的位置。你可以使用两个值(分别代表水平和垂直方向)来精确定位图片。如果只...
background-clip: border-box | padding-box | content-box;值说明 border-box 默认值。背景从元素的 外边框(包括边框)开始填充。这是 background-clip 的默认值,意味着背景图像或颜色会扩展到包括边框区域在内的整个元素区域。 padding-box 背景只填充到内边距区域,即背景不会扩展到边框区域。背景图像或颜色会...
background-clip :border-box | padding-box | content-box 作用:为将背景图片做适当的裁剪,以适应需要。 默认格式 background-clip :border-box,border的区域也有背景图,但是背景图图片是从border-top和border-left的位置开始平铺的,所以当背景图片no-repeat的时候,border-top和border-left的背景是背景色不是背景...
content-box指定仅在内容框内(剪切到)绘制背景。在边框和填充区域下方未绘制背景。 initial将此属性设置为其默认值。 inherit如果指定,则关联元素采用其父元素background-clip属性的计算值。 浏览器兼容性 background-clip属性浏览器的兼容性,所有主流浏览器均支持该属性。
background-clip:border-box;background-clip:padding-box;background-clip:content-box;-webkit-background-clip:text; border-box(默认值) 背景延伸至边框外沿(但是在边框下层)。 padding-box 背景延伸至内边距(padding)外沿。不会绘制到边框处。 content-box ...
实例 指定绘图区的背景: div { background-color:yellow; background-clip:content-box; } 尝试一下 » 浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。属性 background-clip 4.0 9.0 4.0 3.0 10.5标签定义及使用说明background-clip属性指定背景绘制区域。默认值: border-box 继承: no 版本: ...
语法:background-clip: border-box|padding-box|content-box; background-clip属性指定背景绘制区域。 border-box默认值。背景绘制在边框方框内(剪切成边框方框)。 padding-box背景绘制在衬距方框内(剪切成衬距方框)。 content-box背景绘制在内容方框内(剪切成内容方框)。
① background-clip 用于背景裁切,有 border-box、padding-box、content-box 和 text 四个属性值 ② border-box 裁掉边框以外的背景部分,为默认值 ③ padding-box 裁掉内边距以外的背景部分 ④ content-box 裁掉内容以外的背景部分 ⑤ text 裁掉文字轮廓以外的背景部分,目前需加webkit前缀...