shorthand-property-no-redundant-values

Disallow redundant values within shorthand properties.

a { margin: 1px 1px 1px 1px; }
/**             ↑   ↑   ↑
 *           These values */

You can use shorthand properties to set multiple values at once. For example, you can use the margin property to set the margin-top, margin-right, margin-bottom, and margin-left properties at once.

For some shorthand properties, e.g. those related to the edges of a box, you can safely omitted some values.

This rule checks 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; }