autoprefixer (10.4.21)
Published 2026-02-24 13:53:12 +00:00 by atheaadmin
Installation
registry=npm install autoprefixer@10.4.21"autoprefixer": "10.4.21"About this package
Autoprefixer 
PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twitter and Alibaba.
Write your CSS rules without vendor prefixes (in fact, forget about them entirely):
::placeholder {
color: gray;
}
.image {
background-image: url(image@1x.png);
}
@media (min-resolution: 2dppx) {
.image {
background-image: url(image@2x.png);
}
}
Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you. You can try the interactive demo of Autoprefixer.
::-moz-placeholder {
color: gray;
}
::placeholder {
color: gray;
}
.image {
background-image: url(image@1x.png);
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
.image {
background-image: url(image@2x.png);
}
}
Twitter account for news and releases: @autoprefixer.
Docs
Read full docs here.
Dependencies
Dependencies
| ID | Version |
|---|---|
| browserslist | ^4.24.4 |
| caniuse-lite | ^1.0.30001702 |
| fraction.js | ^4.3.7 |
| normalize-range | ^0.1.2 |
| picocolors | ^1.1.1 |
| postcss-value-parser | ^4.2.0 |
Peer Dependencies
| ID | Version |
|---|---|
| postcss | ^8.1.0 |
Keywords
autoprefixer
css
prefix
postcss
postcss-plugin