CSS 值合法性检查

每行输入一条 属性: 值 声明,工具会按内置的常见属性白名单与真实的 CSS 取值规则逐行校验,给出「合法 / 非法」结论与原因。支持关键字枚举、长度与百分比、颜色、数字、多值简写以及函数取值;白名单之外的属性会标注「未收录,跳过」,不会误判为非法。

待校验的声明 等待输入
结果过滤
!important

行尾的分号会被自动忽略;!important 会被识别并按右侧选项处理。未收录的属性会标注「未收录,跳过」,不会判为非法。

校验结果
总行数—
通过数—
失败数—
输入声明后点击「检查」,逐行校验结果将显示在这里。

仅校验内置白名单内的常见属性;结果按 CSS 语法规则判断,不含浏览器兼容性结论。

校验规则
  • 只校验内置白名单内的常见属性;未收录的属性标注「未收录,跳过」,不会判为非法。
  • 关键字类属性(display、position、flex-direction、justify-content、align-items、text-align、overflow、cursor 等)按 CSS 规范允许的关键字逐一比对。
  • 长度与百分比:支持 px/em/rem/vw/vh/cm/mm/in/pt/pc 等单位与 %;无单位的 0 视为合法长度;width/height/padding 等不接受负值。
  • 颜色:支持 #rgb/#rgba/#rrggbb/#rrggbbaa、148 个 CSS 命名颜色、transparent、currentColor 以及 rgb()/hsl() 等函数写法。
  • 简写:margin/padding 支持 1~4 个值;border-radius 支持 1~4 个值并可用 / 分隔横纵半径。
  • 取值中含 var()/calc()/clamp() 等函数时不做参数级校验,仅提示「包含函数」。
  • 校验依据 CSS 语法规则,不含浏览器兼容性判断,结果仅供参考。