Вендорни префикси в CSS

В миналото сред браузърите се е създала следната ситуация: преди дадено свойство на CSS да се появи в спецификацията, браузърите внедряваха пробна версия на това свойство със специална представка, която се нарича вендорен префикс.

Нека разгледаме пример със свойството box-sizing за да видим как изглежда това:

cssp {
  box-sizing: border-box;
}

Това свойство започна да се поддържа едва от Firefox29, но още от версия Firefox2 то беше достъпно с префикса -moz:

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

Останалите браузъри имаха аналогични представки: -moz - Mozilla Firefox, -webkit - браузъри на двигателя Webkit и Blink, -o - Opera на двигателя Presto, -ms - IE.

По този начин, най-кроссбраузърният вариант на свойството box-sizing, с използване на вендорни префикси, имаше приблизително следния вид:

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;
}

В настояще време браузърите са решили да се откажат от префиксите поради тяхната неудобност. И сега вместо тях се използват така наречените флагове. Свойствата сега се внедряват в браузъра, но по подразбиране са изключени, но могат да бъдат включени в настройките на браузъра, като се постави съответната отметка в настройките. Това е направено, за да може разработчиците да имат възможност да експериментират с новото свойство преди официалното му появяване.