vendors

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

Вендор - производитель

Вендорные префиксы — это приставки к атибуту стиля (названию CSS свойства), которые добавляют производители браузеров для нестандартизированных свойств

Идентификаторы, которые начинаются с - или _, зарезервированы для CSS расширений браузеров

Вендорные префиксы самых распространенных браузеров:

Вендорный префикс	Производитель	Браузер	Браузерный движок
-o-, -op-, -xv-	Opera Software	Opera	Presto
-moz-	Mozilla	Firefox, SeaMonkey, Camino и др.	Gecko
-ms-	Microsoft	Internet Explorer 8	Trident
-khtml-	KDE	Safari до версии 3, Konqueror и др.	KHTML
-webkit-	Apple	Safari 3+, Google Chrome и др.	WebKit

KHTML послужил основой для WebKit

---

☕ Пример

<style>
    /* Тень объекта */
    .shadow_box {
      -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.5);
      -o-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.5);
      box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.5);
    }
    /* Тень текста */
    .shadow_text {
        -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
        -moz-text-shadow: 1px1px 0px rgba(0, 0, 0, 0.5);
        -o-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    }
    /* Закругленные уголки */
    .rounded_corners {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
    }