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

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

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

* <mark style="background-color:red;">-webkit-</mark> (Google Chrome, Safari, нові версії Opera)
* <mark style="background-color:red;">-moz-</mark> (Firefox)
* <mark style="background-color:red;">-ms-</mark> (Internet Explorer)
* <mark style="background-color:red;">-o-</mark> (Старі версії Opera)

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

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

У цьому прикладі <mark style="background-color:red;">-webkit-</mark>, <mark style="background-color:red;">-moz-</mark> та <mark style="background-color:red;">-ms-</mark> - це вендорні префікси для властивості <mark style="background-color:red;">border-radius</mark>, які додаються для забезпечення сумісності зі старішими версіями веб-переглядачів. Сучасні версії браузерів вже підтримують <mark style="background-color:red;">border-radius</mark> без вендорних префіксів, але їх використання може бути потрібним для старих версій браузерів або для певних варіантів властивостей.

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

[Autoprefixer CSS online](https://autoprefixer.github.io/)
