Пятница, 09 Ноября 2012 13:26

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

Written by 
Оцени эту запись
(1 Голос)

Вендорные префиксы - это приставки к CSS свойствам, которые добавляют производители браузеров для нестандартных стилей. Свойство с определенной приставкой видно только подходящему браузеру, а остальные его игнорируют. 

 

 

 

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

 
  • -o-   Opera
  • -moz-   Firefox
  • -ms-   IE
  • -webkit-   Chrome, Safari
 
 
Причина появления этих префиксов заключается в том, что в спецификации по CSS описано много интересных и полезных свойств, которые еще не являются стандартными и 
 
не реализованы во всех браузерах. Но производители браузеров хотят внедрить в свои разработки эти интересные новинки. Именно благодаря этому мы сейчас почти 
 
спокойно можем использовать такие свойства CSS3, как box-shadow, border-radius, opacity.
 
 

Пример:

 
 
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px; 
 
 
При указании таких свойств, нужно элементу прописать свойства для каждого нужного браузера, а потом его же, но без вендорного префикса. Ибо рано или поздно 
 
появится аналогичное стандартное свойство, которое будет одинаково работать во всех браузерах.
 
 
Кроме реализации нестандартных свойств, вердорные префиксы дают возможность производителям внедрять в браузеры свои собственные свойства или новые значения для стандартных свойств.
 
 
 
 

Комментарии  

 
0 #2 Виталий 28.10.2014 12:29
Для борьбы с префиксами можно забыть про проепроцессоры и прочее, и использовать постпроцессор css – autoprefixer, он обрабатывает css, удаляет ненужные префиксы и дописывает те, которых не хватает.

Онлайн можно просмотреть вот тут – http://autoprefixer.github.io
Официальный сайт – https://github.com/postcss/autoprefixer
Цитировать
 
 
0 #1 Download wartune 04.05.2014 00:02
Everyone loves it when folks get together
and share views. Great blog, keep it up!
Цитировать
 

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


Защитный код
Обновить

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов