Skip to main content

property-no-vendor-prefix

Disallow vendor prefixes for properties.

a { -webkit-transform: scale(1); }/**  ↑ * This prefix */

This rule does not blanketly condemn vendor prefixes. Instead, it uses Autoprefixer's up-to-date data (from caniuse.com) to know whether a vendor prefix should cause a violation or not. If you've included a vendor prefixed property that has a standard alternative, one that Autoprefixer could take care of for you, this rule will complain about it. If, however, you use a non-standard vendor-prefixed property, one that Autoprefixer would ignore and could not provide (such as -webkit-touch-callout), this rule will ignore it.

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

Options#

true#

The following patterns are considered violations:

a { -webkit-transform: scale(1); }
a { -moz-columns: 2; }

The following patterns are not considered violations:

a { transform: scale(1); }
a {columns: 2; }
a { -webkit-touch-callout: none; }

Optional secondary options#

ignoreProperties: ["/regex/", /regex/, "string"]#

Given:

["transform", "columns"]

The following patterns are not considered violations:

a { -webkit-transform: scale(1); }
a { -moz-columns: 2; }