CSS - (Browser) Vendor (Property) Prefix

About

Browser vendors can add prefixes to experimental or nonstandard CSS properties.

List

Typically the vendors use these prefixes:

  • -webkit- (Chrome, newer versions of Opera.)
  • -moz- (Firefox)
  • -o- (Old versions of Opera)
  • -ms- (Internet Explorer)

Example

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

Documentation / Reference





Discover More
CSS - Preprocessor

A preprocessor takes an arbitrary source file and converts it into something that the browser understands. Preprocessors implements features that browser doesn't support natively such as: variables...
Javascript - Transpiler (Transpiling)

A transpiler permits to take an language source and to transform it in a language target. The language source and target may be the same but with two differents version. compiling A transpiler permits...
React - Style Attribute

The style attribute in React element. It accepts a JavaScript object with camelCased properties rather than a CSS string. Style keys are camelCased in order to be consistent with accessing the properties...
React - Styled Component

Styled component is a Css In Js solution. Utilising tagged template literals and the power of CSS, styled-components allows you to write actual CSS code to style your components. styled-components ...



Share this page:
Follow us:
Task Runner