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


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



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


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

Вендорные префиксы для браузера Mozilla Firefox в CSS




Вендорные префиксы предназначены для толкования браузером Mozilla Firefox основных свойств CSS.То есть,если основное свойство не доступно для браузера,нужно применять префиксы,они являются альтернативной заменой существующим свойствам.Но префиксы данного типа предназначены только для браузера Mozilla Firefox,другие браузеры не поймут их значений.На момент написания статьи некоторые префиксы потеряли свою актуальность,и браузер начал поддерживать основное свойство,тем не менее подавляющее большинство основных свойств до сих пор не доступно для понимания браузером Mozilla Firefox.Поэтому при наборе стилей обязательно используйте префиксы для альтернативных свойств.




Список префиксов для браузера Mozilla Firefox


@-moz-document

Применяет стили только к указанным страницам сайта.Применяются значения url ( адрес страницы ),url-prefix ( адрес URL с которого начинаются все страницы ),domain ( адрес доменного имени ).

Пример применения


@-moz-document url-prefix(http://delaisait.ucoz.ru/blog/) {
body {
margin:0;
}
}
-moz-initial

Устанавливает свойству значение по умолчанию

-moz-appearance

Альтернативное свойство для основного свойства

-moz-available

Устанавливает ширину родительского блока за вычетом горизонтальных значений основных свойств margin,border и padding

-moz-background-clip

Альтернативное свойство для основного свойства

-moz-background-inline-policy

Альтернативное свойство для основного свойства

-moz-background-origin

Альтернативное свойство для основного свойства

-moz-background-size

Альтернативное свойство для основного свойства

-moz-border-bottom-colors

Альтернативное свойство для основного свойства

-moz-border-image

Альтернативное свойство для основного свойства

-moz-border-left-colors

Альтернативное свойство для основного свойства

-moz-border-radius

Альтернативное свойство для основного свойства

-moz-border-radius-bottomleft

Альтернативное свойство для основного свойства

-moz-border-radius-bottomright

Альтернативное свойство для основного свойства

-moz-border-radius-topleft

Альтернативное свойство для основного свойства

-moz-border-radius-topright

Альтернативное свойство для основного свойства

-moz-border-right-colors

Альтернативное свойство для основного свойства

-moz-border-top-colors

Альтернативное свойство для основного свойства

-moz-box-align

Выравнивает контент в блоке,применяемые значения start ( Горизонтальный контент выравнивается по верху,а вертикальный по левому краю ), end ( Горизонтальный контент выравнивается по низу, а вертикальный по правому краю ), center ( Контент выравнивается по центу ), baseline ( Контент выравнивается по базовой линии текста,только для горизонтального контента ), stretch ( Контент равномерно растягивается так,чтобы не было пустого пространства в блоке )

-moz-box-direction

Определяет,будет ли элемент выводить свой контент в прямом или обратном направлении,применяемые значения normal ( Если контент выводится по-горизонтали,то слева направо,если по-вертикали,то сверху вниз) normal ( Если контент выводится по-горизонтали,то справа налево,если по-вертикали,то снизу вверх )

-moz-box-flex

Устанавливает возможность элементу,растягиваться на пустое пространство родительского блока,применяемые значения 0 ( Элемент не растягивается ), Число ( Элемент растягивается пропорционально свободному месту )

-moz-box-ordinal-group

Определяет порядковый номер элемента в группе,применяется значение Число ( Элемент с меньшим номером отображается первее,чем элемент с большим номером )

-moz-box-orient

Определяет,как элемент будет выводить свой контент,горизонтально или вертикально,применяемые значения horizontal ( Элемент выводит свой контент по горизонтали ), vertical ( Элемент выводит свой контент по вертикали )

-moz-box-pack

Определяет выравнивание дочерних элементов в блоке,применяемые значения start ( Если блок горизонтальный, то по левому краю, если вертикальный,по верхнему краю ), end ( Если блок горизонтальный,то по правому краю,если вертикальный,по нижнему краю ), center ( Выравнивает контент по центру ), justify ( Распределяет контент равномерно по всему блоку )

-moz-box-shadow

Альтернативное свойство для основного свойства

-moz-box-sizing

Альтернативное свойство для основного свойства

-moz-column-count

Альтернативное свойство для основного свойства

-moz-column-gap

Альтернативное свойство для основного свойства

-moz-column-rule

Альтернативное свойство для основного свойства

-moz-column-rule-color

Альтернативное свойство для основного свойства

-moz-column-rule-style

Альтернативное свойство для основного свойства

-moz-column-rule-width

Альтернативное свойство для основного свойства

-moz-column-width

Альтернативное свойство для основного свойства

-moz-hidden-unscrollable

Отключает прокрутку колесом мыши для html и body страницы

-moz-linear-gradient

Устанавливает элементу в качестве фонового изображения линейный градиент

-moz-margin-end

Альтернативное свойство для основного свойства.Если направление контента слева направо,тогда это альтенатива основному свойству margin-right,если направление справа налево,тогда margin-left.Применяются значения аналогичные основным

-moz-margin-start

Определяет левый или правый внешний отступ в зависимости от направления контента.Если направление контента слева направо,тогда это альтенатива основному свойству margin-left,если направление справа налево,тогда margin-right.Применяются значения аналогичные основным

-moz-min-content

Устанавливает минимально возможную для контента ширину

-moz-max-content

Устанавливает максимально возможную для контента ширину

-moz-opacity

Альтернативное свойство для основного свойства

-moz-outline

Альтернативное свойство для основного свойства

-moz-outline-color

Альтернативное свойство для основного свойства

-moz-outline-offset

Альтернативное свойство для основного свойства

-moz-outline-radius

Сокращённый способ указать границы для расширенных свойств -moz-outline-radius-topleft, -moz-outline-radius-topright, -moz-outline-radius-bottomright, -moz-outline-radius-bottomleft.Устанавливает радиус скруглений границы элемента.Если задано два радиуса,то первый означает радиус скругления левого верхнего и правого нижнего углов обводки,а второй правого верхнего и левого нижнего углов обводки.Если задано три числа, тогда первое это левый верхний угол обводки, второе правый верхний и левый нижний углы обводки,а третье правый нижний угол обводки

-moz-outline-radius-bottomleft

Радиус нижней левой границы

-moz-outline-radius-bottomright

Радиус нижней правой границы

-moz-outline-radius-topleft

Радиус верхней левой границы

-moz-outline-radius-topright

Радиус верхней правой границы

-moz-outline-style

Альтернативное свойство для основного свойства

-moz-outline-width

Альтернативное свойство для основного свойства

-moz-padding-end

Определяет правый или левый внутренний отступ в зависимости от направления контента в элементе.Если направление контента слева направо,тогда это альтернатива свойству padding-right. Если направление контента справа налево,тогда padding-left

-moz-padding-start

Определяет левый или правый внутренний отступ в зависимости от направления контента в элементе.Если направление контента слева направо,тогда это альтернатива свойству padding-left. Если направление контента справа налево,тогда padding-right

-moz-radial-gradient

Устанавливает элементу в качестве фонового изображения радиальный градиент

-moz-tab-size

Устанавливает количество пробелов в одной табуляции,в качестве значения используется положительное,целое число

-moz-transform

Альтернативное свойство для основного свойства

-moz-transform-origin

Альтернативное свойство для основного свойства

-moz-transition

Альтернативное свойство для основного свойства

-moz-transition-delay

Альтернативное свойство для основного свойства

-moz-transition-duration

Альтернативное свойство для основного свойства

-moz-transition-property

Альтернативное свойство для основного свойства

-moz-transition-timing-function

Альтернативное свойство для основного свойства

-moz-user-modify

Определяет,сможет ли пользователь редактировать контент элемента.Применяются значения read-only ( Контент имеет свойство ,только для чтения ), read-write ( Пользователю доступно чтение и изменение контента ), write-only ( Пользователю доступно изменение контента,но не доступно чтение )

-moz-window-shadow

Устанавливает возможность отключения тени окну в системе Mac OS X.Применяются значения default ( Окно будет иметь тень с настройками тени ), none ( Тени у окна не будет )

Список префиксных значений для свойства display


-moz-box

Контент блока выводится по-горизонтали или по-вертикали,в зависимости от значения свойства -moz-box-orient

-moz-inline-box

Контент строчного бокса выводится по-горизонтали или по-вертикали,в зависимости от значения свойства -moz-box-orient

-moz-groupbox

Устанавливается как контейнер для -moz-box и -moz-inline-box

-moz-grid

Блок представляет собой ячейку сетки

-moz-inline-grid

Строчный бокс представляет собой ячейку сетки

-moz-grid-group

Дочерние элементы будут отображаться как колонки ячеек или строки ячейки сетки,в зависимости от значения свойства -moz-box-orient

-moz-grid-line

Дочерние элементы будут отображаться как ячейки колонки или ячейки строки сетки,в зависимости от значения свойства -moz-box-orient

-moz-stack

Дочерние элементы блока будут отображаться один над другим

-moz-inline-stack

Дочерние элементы строчного бокса будут отображаться один над другим

-moz-deck

Дочерние элементы блока будут отображаться один над другим,но видно будет только верхний элемент

-moz-popup

Блок будет отображаться в виде выпадающего окна

-moz-marker

Элемент будет отображаться в виде маркера

Список префиксных значений для свойства text-align


-moz-center

Выравнивает по центру

-moz-left

Выравнивает по левому краю

-moz-right

Выравнивает по правому краю

Список префиксов псевдоэлементов и псевдоклассов


:-moz-any

Группирует селекторы внутри правила для избежания большого количества повторений

Пример сокращения
:-moz-any(.header, .menuColumn, .contentColumn) :-moz-any(ol, ul, dl) :-moz-any(ol, ul, dl) a { 
color:blue;
text-decoration:none;
}
Этот же код без сокращения
.header ol ol a, .header ol ul a, .header ol dl a,
.header ul ol a, .header ul ul a, .header ul dl a,
.header dl ol a, .header dl ul a, .header dl dl a,
.menuColumn ol ol a, .menuColumn ol ul a, .menuColumn ol dl a,
.menuColumn ul ol a, .menuColumn ul ul a, .menuColumn ul dl a,
.menuColumn dl ol a, .menuColumn dl ul a, .menuColumn dl dl a,
.contentColumn ol ol a, .contentColumn ol ul a, .contentColumn ol dl a,
.contentColumn ul ol a, .contentColumn ul ul a, .contentColumn ul dl a,
.contentColumn dl ol a, .contentColumn dl ul a, .contentColumn dl dl a {
color:blue;
text-decoration:none;
}

:-moz-drag-over

Этот псевдокласс изменяет цвет текста элемента если над ним проходит курсор мыши во время перетаскивания объекта на странице

:-moz-first-node

В отличие от основного псевдокласса :first-child, стиль к элементу не будет применен если у родителя перед этим элементом есть еще какие-то элементы,кроме пробелов

:-moz-focusring

Этот псевдокласс определяет стили,которые будут применяться если элемент находится в фокусе и имеет обводку свойства outline

:-moz-last-node

В отличие от основного псевдокласса :last-child,стиль к элементу не будет применен если у родителя после этого элемента есть еще какой-то текст,кроме пробелов

:-moz-only-whitespace

Псевдокласс определяет стили,которые будут применяться к пустым элементам и к элементам,содержащим только пробелы

:-moz-placeholder

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

:-moz-submit-invalid

Псевдокласс автоматически добавляется input:submit если хотя бы одно поле формы заполнено неверно

:-moz-window-inactive

Псевдокласс определяет стили,которые будут применяться к элементу,если он находится в неактивном окне

::-moz-list-bullet

Псевдокласс определяет стили,которые будут применяться только к маркеру ненумерованного списка

::-moz-list-number

Псевдокласс определяет стили,которые будут применяться только к номеру элемента списка в нумерованном списке

::-moz-selection

Псевдокласс определяет стили,которые будут применяться только к элементу,который был выделен пользователем




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





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

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

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