blob: aa42dce9ce4d77ed0bb316b1c10cc3cae303b438 [file] [log] [blame] [view]
# property-no-unknown
Disallow unknown properties.
```css
a { heigth: 100%; }
/** ↑
* This property */
```
This rule considers properties defined in the [CSS Specifications and browser specific properties](https://github.com/betit/known-css-properties#source) 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:
```css
a {
colr: blue;
}
```
```css
a {
my-property: 1;
}
```
The following patterns are *not* considered violations:
```css
a {
color: green;
}
```
```css
a {
fill: black;
}
```
```css
a {
-moz-align-self: center;
}
```
```css
a {
-webkit-align-self: center;
}
```
```css
a {
align-self: center;
}
```
## Optional secondary options
### `ignoreProperties: ["/regex/", /regex/, "string"]`
Given:
```js
["/^my-/", "custom"]
```
The following patterns are *not* considered violations:
```css
a {
my-property: 10px;
}
```
```css
a {
my-other-property: 10px;
}
```
```css
a {
custom: 10px;
}
```
### `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:
```css
a {
-webkit-overflow-scrolling: auto;
}
```
```css
a {
-moz-box-flex: 0;
}
```
The following patterns are considered violations:
```css
a {
-moz-align-self: center;
}
```
```css
a {
-moz-overflow-scrolling: center;
}
```