Справочник по CSS : Тематический указатель : Расширения CSS для Firefox (Gecko) : Свойства : -moz-appearance
смотрим также
Материал из Справочник Web-языков
Содержание |
Свойство -moz-appearance
Используется в Gecko (Firefox), чтобы сделать внешний вид элементов управления таким же, как в операционной системе.
Синтаксис
-moz-appearance: <appearance>
Используемые значения
- <appearance>
- Может принимать одно из следующих значений:
- none
- Значение по умолчанию. Никакой специальный стиль не применяется.
- button
- Элемент отображается как кнопка.
- checkbox
- Элемент отображается как checkbox(кнопка с независимой фиксацией, кнопка-флажок).
- checkbox-container
- Элемент отображается как контейнер checkbox(кнопка с независимой фиксацией, кнопка-флажок) с подсветкой заднего фона на некоторых ОС. Обычно включает заголовок (метку) и саму флаговую кнопку.
- checkbox-small dialog
- Элемент отображается как диалоговое окно с определенным цветом фона и другими свойствами.
- listbox menuitem
- Элемент отображается как пункт меню. Он подсвечивается при наведении на него курсора мыши.
- menulist menulist-button
- Элемент отображается в виде кнопки для открытия списка всех пунктов меню.
- menulist-textfield
- Элемент отображается как текстовое поле для пункта меню.
- menupopup progressbar
- Элемент отображается в виде полосы загрузки.
- radio
- Элемент отображается в виде кнопки с зависимой фиксацией (переключателя).
- radio-container
- Элемент отображается как контейнер для кнопки с зависимой фиксацией (переключателя) с подсветкой заднего фона на некоторых ОС. Обычно включает заголовок (метку) и саму кнопку-переключатель.
- radio-small resizer
- scrollbar
- scrollbarbutton-down
- scrollbarbutton-left
- scrollbarbutton-right
- scrollbarbutton-up
- scrollbartrack-horizontal
- scrollbartrack-vertical
- separator statusbar
- tab
- tab-left-edge
- tabpanels
- textfield
- toolbar
- toolbarbutton
- toolbox
- -moz-mac-unified-toolbar
- Только для Mac OS X. Используется начиная с Firefox 3.5. Для отображения тулбара (панели управления) и строки заголовка используется унифицированный (единый) стиль для тулбаров, применяемый в Mac OS X 10.4 и более поздних версиях приложений.
- -moz-win-browsertabbar-toolbox
- Только для Windows Vista и более поздних версий ОС Windows. Используется начиная с Firefox 3. Стиль для инструментальной панели toolbox (графическое меню доступных инструментальных средств) применяется для отображения панели вкладок в браузере.
- -moz-win-communications-toolbox
- Только для Windows Vista и более поздних версий ОС Windows. Используется начиная с Firefox 3. Этот стиль для инструментальной панели toolbox (графическое меню доступных инструментальных средств) такой же как тот, что применяется для рабочих приложений (не "игрушек") и программ для связи пользователей между собой. Соответствующим приоритетным цветом будет -moz-win-communicationstext.
- -moz-win-glass
- Только для Windows Vista и более поздних версий ОС Windows. Используется начиная с Firefox 3.5. Для отображения элемента применяется интерфейсный стиль Windows Aero.
- -moz-win-media-toolbox
- Только для Windows Vista и более поздних версий ОС Windows. Используется начиная с Firefox 3. Этот стиль для инструментальной панели toolbox (графическое меню доступных инструментальных средств) такой же как тот, что применяется для мультимедиа приложений. Соответствующим приоритетным цветом будет -moz-win-mediatext..
Значением по умолчанию является none. Атрибут Каскадных таблиц стилей (CSS) не наследуется.
Замечания
Свойство -moz-appearance чаще всего используется в таблицах стилей XUL, чтобы применить к обычным виджетам (напр., бегунок или экранная кнопка) интерфейсный стиль, используемый в операционной системе. Также оно используется в XBL-реализациях виджетов.
Примеры
В примере показано как описать свойство -moz-appearance.
.exampleone { -moz-appearance: toolbarbutton; }
Стандарты
Это свойство определено в CSS 3 Basic User Interface #appearance
Поддерживаемые браузеры
Firefox (Gecko) начиная с версии 1.0 (1.0) - для -moz-appearance
Safari (WebKit) начиная с версии 3.0 (522) - для -webkit-appearance