Vendor prefixy v CSS

V minulosti mezi prohlížeči nastala následující situace: ještě než se vlastnost CSS objevila ve specifikaci, prohlížeče implementovaly zkušební verzi této vlastnosti se speciální předponou, která se nazývá vendor prefix.

Podívejme se na příkladu vlastnosti box-sizing jak to vypadá:

cssp {
  box-sizing: border-box;
}

Tato vlastnost začala být podporována až od Firefox 29, ale již od verze Firefox 2 byla dostupná s prefixem -moz:

cssp {
  -moz-box-sizing: border-box;
}

Ostatní prohlížeče měly analogické předpony: -moz - Mozilla Firefox, -webkit - prohlížeče na engine Webkit a Blink, -o - Opera na engine Presto, -ms - IE.

Nejvíce cross-browser varianta vlastnosti box-sizing, s použitím vendor prefixů, měla přibližně následující podobu:

cssp {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

V současné době se prohlížeče rozhodly upustit od prefixů kvůli jejich nepohodlnosti. A nyní místo nich používají takzvané příznaky. Vlastnosti jsou nyní implementovány v prohlížeči, ale ve výchozím nastavení jsou vypnuty, avšak lze je zapnout v nastavení prohlížeče zaškrtnutím odpovídajícího políčka v nastavení. To je provedeno proto, aby vývojáři měli možnost si pohrát s novou vlastností před jejím oficiálním uvedením.