CSS3background中属性值介绍
来源:互联网 发布:linux禁ping设置 编辑:程序博客网 时间:2024/05/19 19:55
background-size
语法:
background-size:<bg-size> [ , <bg-size> ]*
<bg-size> = [ <length> | <percentage> | auto ]{1,2} | cover | contain
取值:
auto 背景图像的真实大小,默认值
<length> 用长度值指定背景图像大小
<percentage> 用百分比指定背景图像大小
cover 将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器
contain 将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内
说明:
如果取值为2个,则第一个定义宽度,第二个定义高度,如果只提供一个,则只定义宽度,高度为auto。
兼容性:(来自http://css.doyoe.com/)
一些代码:
css
html
效果:
background-origin
语法:
background-origin:<box> [ , <box> ]*
<box> = border-box | padding-box | content-box
取值:
padding-box 默认值,从padding区域(含padding)开始显示背景图像
border-box 从border区域(含border)开始显示背景图像
content-box 从content区域开始显示背景图像
说明:
该属性计算背景图像background-position的参考原点(位置)
兼容性:(来自http://css.doyoe.com/)
一些代码:
css
html
效果:
background-clip
语法:
background-clip:<box> [ , <box> ]*
<box> = border-box | padding-box | content-box | text
取值:
border-box 默认值,从border区域(不含border)开始向外裁剪背景
padding-box 从padding区域(不含padding)开始向外裁剪背景
content-box 从content区域开始向外裁剪背景
说明:
指定对象的背景向外裁剪的区域
兼容性:(来自http://css.doyoe.com/)
一些代码:
css
html
效果:
注释:CSS3中,允许多背景图像,以上三个background属性均支持对多背景图像定义。
- CSS3background中属性值介绍
- CSS3background-size背景图片尺寸属性
- CSS3background-size背景图片尺寸属性
- android中style属性值介绍
- Android中style部分属性值介绍
- Event.srcElement 中属性介绍
- keyboard中key属性介绍
- 对话框中各项属性介绍
- android中layout属性介绍
- shape中gradient属性介绍
- shape中gradient属性介绍
- CSS中overflow属性介绍
- CSS中margin属性介绍
- CSS中display属性介绍
- CSS中overflow属性介绍
- HTML中meta标签属性及值的作用介绍
- android中GridView关于间距的属性值介绍
- android中GridView关于间距的属性值介绍
- 4016: [FJOI2014]最短路径树问题
- ifconfig: command not found
- 学nodejs坑之---express 安装不是内部或外部命令
- linux基本操作命令
- AdminEAP框架-头像上传功能实现
- CSS3background中属性值介绍
- 网络状态代码
- HTML5 Canvas 图像动画的实现
- 1017: [JSOI2008]魔兽地图DotR
- Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查
- VR开发-VRTK基本设置
- react-router 2.5 context undefiend replaceState deprecated
- 数据库的索引和数据库查询
- 增量更新(制作差分包笔记)