Disallow unknown properties.
a { heigth: 100%; }
/** ↑
* This property */
This rule considers properties defined in the CSS Specifications and browser specific properties to be known.
This rule ignores:
$sass
, @less
, --custom-property
)-moz-align-self
, -webkit-align-self
)Use option checkPrefixed
described below to turn on checking of vendor-prefixed properties.
true
The following patterns are considered violations:
a {
colr: blue;
}
a {
my-property: 1;
}
The following patterns are not considered violations:
a {
color: green;
}
a {
fill: black;
}
a {
-moz-align-self: center;
}
a {
-webkit-align-self: center;
}
a {
align-self: center;
}
ignoreProperties: ["/regex/", /regex/, "string"]
Given:
["/^my-/", "custom"]
The following patterns are not considered violations:
a {
my-property: 10px;
}
a {
my-other-property: 10px;
}
a {
custom: 10px;
}
ignoreSelectors: ["/regex/", /regex/, "string"]
Skips checking properties of the given selectors against this rule.
Given:
[":root"]
The following patterns are not considered violations:
:root {
my-property: blue;
}
ignoreAtRules: ["/regex/", /regex/, "string"]
Ignores properties nested within specified at-rules.
Given:
["supports"]
The following patterns are not considered violations:
@supports (display: grid) {
a {
my-property: 1;
}
}
checkPrefixed: true | false
(default: false
)If true
, this rule will check vendor-prefixed properties.
For example with true
:
The following patterns are not considered violations:
a {
-webkit-overflow-scrolling: auto;
}
a {
-moz-box-flex: 0;
}
The following patterns are considered violations:
a {
-moz-align-self: center;
}
a {
-moz-overflow-scrolling: center;
}