property-no-unknown
Disallow unknown properties.
: 100%; }
a { heigth/** ↑
* This property */
This rule considers properties defined in the CSS Specifications and browser specific properties to be known.
This rule ignores:
- variables (
$sass
,@less
,--custom-property
) - vendor-prefixed properties (e.g.,
-moz-align-self
,-webkit-align-self
)
Use option checkPrefixed
described below to turn on
checking of vendor-prefixed properties.
Options
true
The following patterns are considered violations:
a {: blue;
colr }
a {: 1;
my-property }
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;
}
Optional secondary options
ignoreProperties: ["/regex/", /regex/, "string"]
Given:
["/^my-/", "custom"]
The following patterns are not considered violations:
a {: 10px;
my-property }
a {: 10px;
my-other-property }
a {: 10px;
custom }
ignoreSelectors: ["/regex/", /regex/, "string"]
Skips checking properties of the given selectors against this rule.
Given:
[":root"]
The following patterns are not considered violations:
:root {
: blue;
my-property }
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;
}