background
来源:互联网 发布:西雅图必去景点知乎 编辑:程序博客网 时间:2024/04/30 11:20
css3中background的几个属性(goole测试)
background-clip(规定背景的绘制区域)
background-clip: border-box|padding-box|content-box;
- border-box:背景被裁剪到边框盒。
- padding-box:背景被裁剪到内边距框。
- content-box:背景被裁剪到内容框。//只在内容区域显示
- js语法:
object.style.backgroundClip="content-box"
background-size
- 在 CSS3 之前,背景图片的尺寸是由图片的实际尺寸决定的
- 在 CSS3 中,可以规定背景图片的尺寸,这就允许我们在不同的环境中重复使用背景图片。
background-size: length|percentage|cover|contain;
- cover:把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
- 把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。
- js语法:
object.style.backgroundSize="60px 80px"
background-origin
- 属性规定背景图片的定位区域。
- 背景图片可以放置于 content-box、padding-box 或 border-box 区域。
- js语法:“object.style.backgroundOrigin=”content-box”
background-clip:border|padding|content
该属性指定了背景在哪些区域可以显示,但与背景开始绘制的位置无关,背景的绘制的位置可以出现在不显示背景的区域,这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。
background-origin:padding|border|content
该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置,你可以用这个属性在边框上绘制背景,但边框上的背景显不显示出来那就要由background-clip来决定了
//以上有些内容取至w3c。
0 0
- background
- background
- background
- BackGround
- background
- background
- background
- background
- Background
- background
- background
- Background
- The Background of Background
- 【CSS3】---background-origin background-clip background-size
- Education Background
- Tiled Background
- background-image
- background-color
- 别做正常的傻瓜
- Scala connecting to MySQL with JDBC
- 操作系统第四次作业
- Android图像处理技术(实现Android中的PS)(六)
- Java网络编程基础之Scoket通信
- background
- 偶数位上都是偶数,要么所有的奇数位上都是奇数
- Scala使用IDE
- 上课笔记
- opensift算法 移植到windows平台下
- 安徽萧县煤炭管理局原副局长被宣判后在看守所自缢身亡
- Java中PriorityQueue
- HTTP状态码详解
- leetcode - Binary Tree Postorder Traversal