CSS缩写属性整理

CSS缩写属性整理

---

border

• border-width
• border-style
• border-color

顺序任意，除了border-style必须设置外，其余值可以省略为默认值。只能设置全局边框，可以用border-top、border-left等简写属性来覆盖修改局部

background

以下属性可采用任何顺序，且都是可选属性：

• background-color
• background-position
• background-size
• background-repeat

• background-origin

  • content-box(默认)
  • border-box（设置width和height时包含内边距和边框）
• background-clip
• background-attachment

• background-image
  （顺便说一句，background-size设置百分数时，第一个数相对于父元素的width，第二个相对于父元素的height，如果只设置一个，第二个为auto）

  font

• font-style
• font-width

• font-variant

  • small-caps (小型大写字母)
  • normal
• font-size

• font-family

  前三个值的顺序随意且可缺省，但是后两个值必须有且必须是font-size在前，font-family在后的顺序
  font-size后加斜杠（/）可以添加line-height属性