declaration-property-value-allowed-list

指定声明中允许的属性和值对列表。

a { text-transform: uppercase; }
/** ↑               ↑
 * These properties and these values */

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

选项

object: { "unprefixed-property-name": ["array", "of", "values", "/regex/", /regex/]|"value"|"/regex/"|/regex/ }

如果在对象中找到属性名称，则只允许列出的属性值。此规则会对所有不匹配的值进行投诉。（如果对象中不包含属性名称，则任何值都可以。）

如果属性名称用"/"包围（例如"/^animation/"），则它被解释为正则表达式。例如，这允许轻松地针对简写：/^animation/将匹配animation、animation-duration、animation-timing-function等。

值也是如此。请记住，正则表达式值与声明的整个值匹配，而不是它的特定部分。例如，像"10px solid rgba( 255 , 0 , 0 , 0.5 )"这样的值将不会匹配"/^solid/"（注意行边界开头），但将匹配"/\\s+solid\\s+/"或"/\\bsolid\\b/"。

小心使用正则表达式匹配，不要意外地考虑引用的字符串值和url()参数。例如，"/red/"将匹配诸如"1px dotted red"之类的值，以及"\"red\""和"white url(/mysite.com/red.png)"。

给定

{
  "transform": ["/scale/"],
  "whitespace": "nowrap",
  "/color/": ["/^green/"]
}

以下模式被认为是问题

a { whitespace: pre; }

a { transform: translate(1, 1); }

a { -webkit-transform: translate(1, 1); }

a { color: pink; }

a { background-color: pink; }

以下模式不被认为是问题

a { whitespace: nowrap; }

a { transform: scale(1, 1); }

a { -webkit-transform: scale(1, 1); }

a { color: green; }

a { background-color: green; }