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

Вендорні префікси (vendor prefixes) - це префікси, які додаються до CSS властивостей для того, щоб забезпечити сумісність з різними веб-переглядачами. Різні веб-переглядачі можуть підтримувати ті чи інші CSS властивості за допомогою власних префіксів, іноді це необхідно для того, щоб зробити певний стиль або ефект видимим на всіх браузерах.

Префікси для різних веб-переглядачів:

• -webkit- (Google Chrome, Safari, нові версії Opera)

• -moz- (Firefox)

• -ms- (Internet Explorer)

• -o- (Старі версії Opera)

Приклад використання вендорних префіксів:

.example {
  -webkit-border-radius: 10px; /* Закруглені кути для Chrome та Safari */
  -moz-border-radius: 10px; /* Закруглені кути для Firefox */
  -ms-border-radius: 10px; /* Закруглені кути для Internet Explorer */
  border-radius: 10px; /* Закруглені кути для стандартних браузерів (стандартна властивість) */
}

У цьому прикладі -webkit-, -moz- та -ms- - це вендорні префікси для властивості border-radius, які додаються для забезпечення сумісності зі старішими версіями веб-переглядачів. Сучасні версії браузерів вже підтримують border-radius без вендорних префіксів, але їх використання може бути потрібним для старих версій браузерів або для певних варіантів властивостей.

Онлайн-сервіс для генерування вендорних префіксів:

Autoprefixer CSS online