#value-keyword-case

指定关键字值的大小写。

    a { display: block; }
/**              ↑
 *    这个值 */

此规则忽略 <custom-idents> 的已知属性。使用 ignoreValues:[] 辅助选项可以忽略与非属性(例如 $vars 和自定义属性)配对且不符合主选项的值。

命令行中的 --fix 选项可以自动修复此规则报告的所有问题。

#选项

string: "lower"|"upper"

#"lower"

以下模式被视为违规:

a {
  display: Block;
}
a {
  display: bLoCk;
}
a {
  display: BLOCK;
}
a {
  transition: -WEBKIT-TRANSFORM 2s;
}

以下模式被视为违规:

a {
  display: block;
}
a {
  transition: -webkit-transform 2s;
}

#"upper"

以下模式被视为违规:

a {
  display: Block;
}
a {
  display: bLoCk;
}
a {
  display: block;
}
a {
  transition: -webkit-transform 2s;
}

以下模式被视为违规:

a {
  display: BLOCK;
}
a {
  transition: -WEBKIT-TRANSFORM 2s;
}

#可选的辅助选项

#ignoreKeywords: ["/regex/", /regex/, "non-regex"]

Ignore case of keywords values.

例如,使用 "lower"

给定:

["Block", "/^(f|F)lex$/"]

以下模式被视为违规:

a {
  display: bLoCk;
}
a {
  display: BLOCK;
}
a {
  display: fLeX;
}
a {
  display: FLEX;
}

以下模式被视为违规:

a {
  display: block;
}
a {
  display: Block;
}
a {
  display: flex;
}
a {
  display: Flex;
}

#ignoreProperties: ["/regex/", /regex/, "non-regex"]

忽略列出的属性的值的大小写。

例如,使用 "lower"

["/^(b|B)ackground$/", "display"]

以下模式被视为违规:

a {
  text-align: LEFT;
}
a {
  text-align: Left;
}

以下模式被视为违规:

a {
  display: bloCk;
}
a {
  display: BloCk;
}
a {
  display: BLOCK;
}
a {
  display: block;
}
a {
  background: Red;
}
a {
  Background: deepPink;
}