Skip to main content

shorthand-property-no-redundant-values

Disallow redundant values in shorthand properties.

a { margin: 1px 1px 1px 1px; }/**             โ†‘   โ†‘   โ†‘ *           These values */

This rule alerts you when you use redundant values in the following shorthand properties:

  • margin
  • padding
  • border-color
  • border-radius
  • border-style
  • border-width
  • grid-gap

The fix option can automatically fix all of the problems reported by this rule.

Options#

true#

The following patterns are considered problems:

a { margin: 1px 1px; }
a { margin: 1px 1px 1px 1px; }
a { padding: 1px 2px 1px; }
a { border-radius: 1px 2px 1px 2px; }
a { -webkit-border-radius: 1px 1px 1px 1px; }

The following patterns are not considered problems:

a { margin: 1px; }
a { margin: 1px 1px 1px 2px; }
a { padding: 1px 1em 1pt 1pc; }
a { border-radius: 10px / 5px; }