!!!!!!!!!!!!!!!!!
来源:互联网 发布:logo设计自动生成软件 编辑:程序博客网 时间:2024/06/04 01:13
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属性均支持对多背景图像定义。
- 程序员
- 程序员?
- 程序员
- 程序员
- 程序员
- 程序员
- 程序员
- 程序员
- 程序员
- 程序员
- 程序员
- 程序员
- 程序员
- 程序员
- 程序员
- 程序员
- 程序员
- 程序员
- Freeline安装与使用
- spring中的注解
- codeforces #383 (div2) B
- MySql游标遍历的记录数不完整
- Linux-Putty-SSH
- !!!!!!!!!!!!!!!!!
- [003-Makefile-笔记] Makefile的规则
- Linux查看CPU和内存使用情况
- Caffe 工程的一些编译错误以及解决方案
- Metasploit - ERROR: cannot discover where libxml2 is located on your system
- oracle常用语句
- git常用命令(1)(持续更新)
- DS的苦恼 数组 排序
- ubuntu server解决不能访问外网问题