stylelint
Version:
Modern CSS linter
63 lines (45 loc) • 933 B
Markdown
# shorthand-property-no-redundant-values
Disallow redundant values in shorthand properties.
```css
.foo { margin: 1px 1px 1px 1px; }
/** ↑ ↑ ↑
* These values */
```
This rule warns you when you use redundant values in the following shorthand properties:
- `margin`
- `padding`
- `border-color`
- `border-radius`
- `border-style`
- `border-width`
## Options
### `true`
The following patterns are considered warnings:
```css
.foo { margin: 1px 1px; }
```
```css
.foo { margin: 1px 1px 1px 1px; }
```
```css
.foo { padding: 1px 2px 1px; }
```
```css
.foo { border-radius: 1px 2px 1px 2px; }
```
```css
.foo { -webkit-border-radius: 1px 1px 1px 1px; }
```
The following patterns are *not* considered warnings:
```css
.foo { margin: 1px; }
```
```css
.foo { margin: 1px 1px 1px 2px; }
```
```css
.foo { padding: 1px 1em 1pt 1pc; }
```
```css
.foo { border-radius: 10px / 5px; }
```