Префиксы для браузеров - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Четверг, 08.12.2016
Главная » Справочник CSS3 » Вендорные префиксы


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


Префиксы для браузеров

Префиксы для браузеров - что это такое?


Что такое префикс для браузера


Префиксы для браузеров,они же "Вендорные префиксы" применяются производителями браузеров в качестве экспериментальной модели основного свойства.Дело в том что лаборатория Jigsaw.w3.org не могла определиться с возможностями новых свойств "Candidate Recommendation",а браузерам хотелось испытать возможности создаваемых свойств.В результате появились существующие в данный момент "Костыли" в виде дописываемых в начало свойства строк,имеющих отношение к тому или иному браузеру.В настоящее время многие префиксы потеряли актуальность и браузеры поддерживают основное свойство,но для некоторых свойств по прежнему приходится дописывать префиксы добавляя себе работы и утежеляя вес существующего кода.Существует плагин -prefix-free,который по заверению автора сам будет дописывать недостающие префиксы основным свойствам.Плагин работает при наличии установленной библиотеки jQuery,на сайтах системы uCoz библиотека вшита в исходный код по умолчанию.




Применяемые префиксы для основных браузеров

Браузер Мозила-moz-
Браузер Хром-webkit-
Браузер Опера-o-
Браузер Экспловер-ms-

Пример применения префиксов

<style>
div {
width:99%;
height:50px;
background:indigo;
transition-property:width;
transition-duration:3s;
transition-delay:20ms;
-moz-transition-property:width;
-moz-transition-duration:3s;
-moz-transition-delay:20ms;
-webkit-transition-property:width;
-webkit-transition-duration:3s;
-webkit-transition-delay:20ms;
-o-transition-property:width;
-o-transition-duration:3s;
-o-transition-delay:20ms;
}
div:hover {
width:1px;
}
</style>
<div></div>

Проверить действие применяемого в примере кода

Вставьте код в HTML редактор и проверьте.




Русские шрифты





Категория: Вендорные префиксы | Добавил: IZOTOP (17.09.2012) | Автор: Меренков Михаил W
Просмотров: 1407 | Теги: что такое префикс | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]