CSS 参考手册

实例

如何在一个声明中设置所有背景属性:

body
{
background: #00FF00 url(bgimage.gif) no-repeat fixed top;
}

亲自试一试

浏览器支持

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

亲自试一试 - 实例

所有背景属性在一个声明之中
本例演示如何使用简写属性来将所有背景属性设置在一个声明之中。

相关页面

CSS 教程:CSS 背景

CSS3 教程:CSS3 背景

HTML DOM 参考手册:background 属性

最新文章

  1. fmt 标签格式化 日期
  2. PHP基础知识2
  3. Java 集合系列05之 LinkedList详细介绍(源码解析)和使用示例
  4. HTML5 UI框架Kendo UI Web自定义组件(一)
  5. Processon 一款基于HTML5的在线作图工具
  6. Java安全防御学习笔记V1.0
  7. POJ 1286 Necklaces of Beads (Burnside定理,有限制型)
  8. apache 设置404页面
  9. Linux包管理工具分析
  10. Extjs6(特别篇)——项目自带例子main.js拆分详解
  11. Vuejs-组件-<slot> 标签分发内容
  12. beta冲刺1-咸鱼
  13. Spring Cloud Alibaba 新版本发布:众多期待内容整合打包加入!
  14. 14、Spark的核心术语
  15. oracle 创建create user 及授权grant 查看登陆的用户
  16. lx 与cd 的计算方法
  17. TCP为何采用三次握手来建立连接,若采用二次握手可以吗?
  18. Docker基于容器创建镜像
  19. 从OC和C#中找乐趣:相同又不同的delegate
  20. spring boot redis代码与配置

热门文章

  1. AutoLayout 图解各种约束
  2. 公共增删改查(MVC+三层架构)
  3. 打开Genesis设置单位为mm
  4. java 中的一个项目如何做到访问另一个项目的一个方法 或者 页面
  5. 基于spring4.0配置分布式ehcache,以及相关使用
  6. sql server 常用脚本(日常查询所需)
  7. 数据结构和算法 – 10.集合
  8. SVM 最大间隔目标优化函数(NG课件2)
  9. acpi参考网站
  10. 设计模式学习之命令模式(Command,行为型模式)(12)