购物车
登陆 / 注册
微信扫码登陆

推荐手册

background-clip

background-clip
background-clip属性用于指定元素背景的绘制区域(所在的区域),有四种取值,分别为:border-box、padding-box、content-box、no-clip。
编辑:前端控 前端控 更新时间:2019-03-22 11:17:53

background-clip属性

含义:

background-clip属性指定背景绘制区域

浏览器支持:

属性
background-clip

9.0

4.04.03.010.5

CSS语法:

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

属性值:

说明
border-box 默认值。背景绘制在边框方框内(剪切成边框方框)
padding-box   背景绘制在衬距方框内(剪切成衬距方框)
content-box 背景绘制在内容方框内(剪切成内容方框)

实例:以padding-box为例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
div{
    border:3px dotted black;
    width:360px;
    padding:35px;
    background: pink;
    background-clip: padding-box;
}
</style>
</head>
<body>
<div>
<p>HTML中文网提供大量免费、原创、高清的HTML视频教程,并定期举行公益HTML培训!可边学习边在线修改示例代码,查看执行效果!HTML从入门到精通,一站式HTML自学平台</p>
</div>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号