CSS background 属性
2024-08-25 01:58:39
CSS 参考手册
浏览器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
支持 | 支持 | 支持 | 支持 | 支持 |
所有浏览器都支持 background 属性。
注释:IE8 以及更早的浏览器不支持一个元素多个背景图像。
注释:IE7 以及更早的浏览器不支持 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。
定义和用法
background 简写属性在一个声明中设置所有的背景属性。
可以设置如下属性:
- background-color
- background-position
- background-size
- background-repeat
- background-origin
- background-clip
- background-attachment
- background-image
如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。
通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。
默认值: | not specified |
---|---|
继承性: | no |
版本: | CSS1 + CSS3 |
JavaScript 语法: | object.style.background="white url(paper.gif) repeat-y" |
可能的值
值 | 描述 | CSS |
---|---|---|
background-color | 规定要使用的背景颜色。 | 1 |
background-position | 规定背景图像的位置。 | 1 |
background-size | 规定背景图片的尺寸。 | 3 |
background-repeat | 规定如何重复背景图像。 | 1 |
background-origin | 规定背景图片的定位区域。 | 3 |
background-clip | 规定背景的绘制区域。 | 3 |
background-attachment | 规定背景图像是否固定或者随着页面的其余部分滚动。 | 1 |
background-image | 规定要使用的背景图像。 | 1 |
inherit | 规定应该从父元素继承 background 属性的设置。 | 1 |
亲自试一试 - 实例
- 所有背景属性在一个声明之中
- 本例演示如何使用简写属性来将所有背景属性设置在一个声明之中。
最新文章
- fmt 标签格式化 日期
- PHP基础知识2
- Java 集合系列05之 LinkedList详细介绍(源码解析)和使用示例
- HTML5 UI框架Kendo UI Web自定义组件(一)
- Processon 一款基于HTML5的在线作图工具
- Java安全防御学习笔记V1.0
- POJ 1286 Necklaces of Beads (Burnside定理,有限制型)
- apache 设置404页面
- Linux包管理工具分析
- Extjs6(特别篇)——项目自带例子main.js拆分详解
- Vuejs-组件-<;slot>; 标签分发内容
- beta冲刺1-咸鱼
- Spring Cloud Alibaba 新版本发布:众多期待内容整合打包加入!
- 14、Spark的核心术语
- oracle 创建create user 及授权grant 查看登陆的用户
- lx 与cd 的计算方法
- TCP为何采用三次握手来建立连接,若采用二次握手可以吗?
- Docker基于容器创建镜像
- 从OC和C#中找乐趣:相同又不同的delegate
- spring boot redis代码与配置