DevShelf

Appearance

background ​

描述 ​

该 background 属性是一个简写属性，用于在样式表中的同一位置设置大多数背景属性。逗号分隔项目的数量定义了背景图层的数量。给定一个有效的声明，对于每个图层，速记首先将每个图层的背景图像、背景位置、背景大小、背景重复、背景原点、背景剪辑和背景附件的相应图层设置为该属性的初始值，然后在声明中分配为此图层指定的任何显式值。最后，背景颜色设置为指定的颜色（如果有），否则设置为其初始值。

效果展示 ​

语法 ​

css
background: [ <bg-layer>, ] * <final-bg-layer>;

<bg-layer> = <bg-image> || <position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>
<final-bg-layer> = <bg-image> || <position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box> || <'background-color'>

值 ​

  • <bg-image> 有关值，请参阅背景图像 CSS 属性。
  • <position> 有关值，请参阅背景位置 CSS 属性。
  • <bg-size> 有关值，请参阅背景大小 CSS 属性。
  • <repeat-style> 有关值，请参阅背景重复 CSS 属性。
  • <box> 有关值，请参阅背景源 CSS 属性。
  • <box> 有关值，请参阅背景剪辑 CSS 属性
  • <attachment> 有关值，请参阅背景附件 CSS 属性
  • <background-color> 有关值，请参阅背景色 CSS 属性
  • inherit 继承