Префікси у CSS

префікси

Оформлення сучасних сайтів складаються з багатьох стилів, які можуть працювати або не працювати в тих чи інших браузерах. Щоб все працювало скрізь, для деяких властивостей потрібно використовувати префікси різних браузерів. Англійською вони називаються vendor prefixes.

Нижче список найнеобхідніших і найпопулярніших властивостей, які використовують префікси (або де їх ставлять помилково):

Без префіксів

border-radius : Якщо не потрібна підтримка Firefox 3.6 або iOS 3.2

box-shadow: Якщо не потрібна підтримка Firefox 3.6 або iOS 4.3 або Safari 5.0

Використовують лише один префікс

CSS Transitions : -webkit- для Safari 6.0

CSS 3D Transforms : -webkit- для Safari та Chrome

CSS Animation : -webkit- для Safari та Chrome

CSS Gradients : -webkit- для Safari

Box Sizing: -moz-.

CSS Calc : -webkit- для Safari 6.0

Декілька префіксів

CSS Transforms : -webkit- для Safari та Chrome та -ms- для IE9

Flex Box : -webkit- та -ms-.

Columns : -webkit- та -moz-.

Чому я не згадав про префікс-o-, який використовувався в опері до 12 версії включно? Тому що про неї варто згадувати лише у контексті сайтів, які будуть зроблені для просторів СНД. Якщо це ваш випадок, то пам'ятайте - Opera

Читай також:

Я працюю технічним керівником компанії Sytac B.V. На даний момент мешкаю в Амстердамі, Північна Голландія, Нідерланди. Бадьоро знаходжу такими технологіями як HTML/CSS/Javascript.