【CSS3】background-clip
2016-02-22 16:03
267 查看
用来将背景图片做适当的裁剪以适应实际需要。
语法:
参数分别表示从边框、或内填充,或者内容区域向外裁剪背景。no-clip表示不裁切,和参数border-box显示同样的效果。
效果如下图所示:
语法:
background-clip : border-box | padding-box | content-box | no-clip
参数分别表示从边框、或内填充,或者内容区域向外裁剪背景。no-clip表示不裁切,和参数border-box显示同样的效果。
backgroud-clip默认值为border-box。
效果如下图所示:
相关文章推荐
- 【CSS3】background-origin
- 【CSS3】文本阴影text-shadow
- CSS伪类伪元素
- 【CSS3】嵌入字体@font-face
- css设计指南-笔记7
- css设计指南-笔记6
- 【CSS3】text-overflow 与 word-wrap
- CSS实现背景透明,文字不透明,兼容所有浏览器
- 新发现。css3控制浏览器滚动条的样式
- Css3 API
- css3动画库——animate.css以及css3动画一些有趣的实现
- CSS选择器笔记
- CSS选择器优先级
- CSS3读书笔记(from imooc) 第一章 初识CSS3
- 自定义AlertDialog button的样式
- 去除input标签/button按钮原本样式 并利用js赋值,select 中Option的增加与删除
- css3中的flex布局
- CSS知识点总结
- 文字超出长度隐藏,显示省略号
- ionic css 自定义样式