Vendor Prefix

A vendor prefix is a short label at the start of a CSS property, value or API name, such as -webkit-, -moz- or -ms-, that browser makers used to ship experimental features without claiming the final standard name.

Why it matters

Prefixes prevented early implementations from locking in a half-finished design, but they forced developers to write the same rule several times. Modern browsers now mostly use feature flags instead. You still meet prefixes in older code and for a few properties, so a build step usually adds them automatically.

Example

.box {
  -webkit-user-select: none;
  user-select: none;
}

The prefixed line serves browsers that still require it and the standard line comes last so it takes precedence where supported.

Common mistakes

• Writing only the prefixed version, which breaks other browsers.
• Placing the unprefixed property before the prefixed one so the older one wins.
• Maintaining prefixes by hand instead of using a tool such as Autoprefixer.

Related

• Cross-Browser Compatibility
• Polyfill
• CSS Selector
• Transpiler
• टूल: Developer tools

यह पेज सामान्य जानकारी है, जिसे हमारी संपादकीय टीम ने लिखा है और दस्तावेज़ीकरण बदलने पर अपडेट किया जाता है। सर्वर और प्रदाता अलग-अलग होते हैं, इसलिए बदलाव पहले सुरक्षित तरीके से जाँचें। देखें: संपादकीय नीति और अस्वीकरण.