CSS 简写属性指南

查询 CSS 简写属性(如 margin、padding、border、background、font、flex、transition、grid)对应的完整(长写)属性、语法与示例,帮助理解简写的展开规则与陷阱。全部在浏览器本地完成。

简写查询 等待输入

输入简写属性名,例如 margin、border、transition。

计算结果
收录条目—
当前结果—
输入简写属性名后点击查询,结果将显示在这里。

展开属性依据 CSS 规范整理;结果仅供参考。

计算说明
  • 简写属性可一次设置多个相关属性,代码更简洁。
  • 使用简写会覆盖其包含的所有长写属性的值。
  • margin、padding 的值顺序为上、右、下、左。
  • background、font 等简写较复杂,未设置的子属性会重置。
  • 排查样式问题时,可把简写展开为长写属性便于定位。