Вендорные префиксы

Вендорные префиксы — своего рода приставки для CSS свойств, используемые производителями браузеров для экспериментальных CSS свойств, не принятых W3C. Например, -o-border-radius, -moz-opacity или —ms-filter.

Согласно спецификации CSS 2.1 CSS идентификаторы, которые начинаются с - или _ зарезервированы для CSS расширений браузеров. Наличие этих знаков в начале свойства гарантирует то, что в будущем расширения браузеров никогда не пересекутся со стандартными CSS свойствами. Т.е. ни один браузер не начнет «случайно» понимать свойство, которое для него не предназначено.

Префикс Вендор Движок Браузер
-moz- Mozilla Gecko Mozilla, Firefox, SeaMonkey, Camino
-webkit- Apple WebKit Google Chrome, Safari > 3
-khtml- KDE KHTML Konqueror, Safari
-o-, -op-, -xv- Opera Software Presto Opera
-ms-, mso- Microsoft Trident Internet Explorer 8
-icab- iCab Company iCab
-atsc- Advanced Television Standards Committee
-wap- The WAP Forum
prince- YesLogic
-ah- Antenna House
-hp- Hewlett Packard
-ro- Real Objects
-rim- Research In Motion
-tc- TallComponents

Причины появления вендорных префиксов

  • CSS cвойство разработано только для конкретного браузера и не описано в спецификации
  • CSS модуль находится в разработке W3C и не достиг статуса Candidate Recommendation
  • CSS cвойство только частично реализует функции свойства, описанного в CSS модуле или спецификации

Как использовать?

Использовать проще некуда. Достаточно перечислить их все, а в конце поставить утвержденное W3C CSS свойство (если оно, конечно, имеется)


.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -icab-border-radius: 5px;
     border-radius: 5px;
}

Свойства с вендорными префиксами не соответствуют стандартам и не проходят валидацию

Ссылки

Статья не завершена. Материал постоянно пополняется.

Источник: https://www.kobzarev.com/makeup/vendor-keywords/

Михаил Кобзарёв

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса. Ведет блог о разработке, дайджест в телеграмме и в ВК. Любит сиськи, баню и радиоэлектронику. 100% патриот (но это не точно). Тролль 542 уровня. Ездит в отпуск раз в 5 лет.

Добавить комментарий

%d такие блоггеры, как: