跳至主要内容

value-keyword-case

指定关键字值的字母大小写。

    a { display: block; }
/**              ↑
 *    These values */

此规则忽略 <custom-idents> 已知属性。与非属性配对的关键字值（例如 $vars 和自定义属性），并且不符合主要选项，可以使用 ignoreKeywords: [] 次要选项忽略。

该 fix 选项 可以自动修复此规则报告的所有问题。

该 message 次要选项 可以接受此规则的参数。

选项​

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"]​

忽略关键字值的字母大小写。

例如，使用 "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;
}

ignoreFunctions: ["/regex/", /regex/, "non-regex"]​

忽略列出函数内部的值的字母大小写。

例如，使用 "upper"。

["/^(f|F)oo$/", "t"];

以下模式被视为问题

a {
  display: b(inline);
}
a {
  color: bar(--camelCase);
}

以下模式不被视为问题

a {
  display: t(flex);
}
a {
  display: t(fLeX);
}
a {
  color: t(--camelCase);
}
a {
  color: foo(--camelCase);
}
a {
  color: Foo(--camelCase);
}

camelCaseSvgKeywords: true | false (默认: false)​

如果为 true，则此规则期望 SVG 关键字在主要选项为 "lower" 时为驼峰式大小写。

例如，使用 true

以下模式不被视为问题

a {
  color: currentColor;
}

以下模式被视为问题

a {
  color: currentcolor;
}