Свойство appearance

Допустимые значения

Стандартные значения (Модуль CSS3 Интерфейс пользователя):

  • CSS3 normal - 
  • CSS3 icon -
  • CSS3 window -
    • CSS3 desktop -
    • CSS3 workspace -
    • CSS3 document -
    • CSS3 tooltip -
    • CSS3 dialog -
  • CSS3 button -
    • CSS3 push-button - 
    • CSS3 hyperlink -  
    • CSS3 radio-button -
    • CSS3 checkbox - 
    • CSS3 menu-item -
    • CSS3 tab - 
  • CSS3 menu -
    • CSS3 menubar -
    • CSS3 pull-down-menu -
    • CSS3 pop-up-menu -
    • CSS3 list-menu -
    • CSS3 radio-group -
    • CSS3 checkbox-group -
    • CSS3 outline-tree -
    • CSS3 range -
  • CSS3 field -
    • CSS3 combo-box -
    • CSS3 signature -
    • CSS3 password -

Расширения:

  • +GECKO +WEBKIT none - специальный стиль к элементу не применяется.
  •  
  • +GECKO checkbox-container - The element is drawn like a container for a checkbox, which may include a prelighting background effect under certain platforms. Normally a would contain a label and a checkbox.
  • +GECKO checkbox-small Obsolete since Gecko 1.9.1
  •  
  • +GECKO +WEBKIT listbox
  •  
  • +GECKO menuitem - The element is styled as menu item, item is highlighted when hovered.
  • +GECKO +WEBKIT menulist
  • +GECKO +WEBKIT menulist-button - The element is styled as a button that would indicate a menulist can be opened.
  • +GECKO +WEBKIT menulist-textfield - The element is styled as the text field for a menulist. (Not implemented for the Windows platform)
  • +WEBKIT menulist-text
  • +GECKO menupopup
  •  
  • +GECKO progressbar - The element is styled like a progress bar.
  • +GECKO +WEBKIT radio - The element is drawn like a radio button, including only the actual "radio button" portion.
  • +GECKO radio-container - The element is drawn like a container for a radio button, which may include a prelighting background effect under certain platforms. Normally would contain a label and a radio button.
  • +GECKO radio-small - Obsolete since Gecko 1.9.1
  •  
  • +GECKO resizer
  • +GECKO separator
  • +GECKO statusbar
  • +GECKO tab-left-edge Obsolete
  • +GECKO tabpanels
  • +GECKO +WEBKIT textfield
  • +GECKO textfield-multiline
  • +GECKO toolbar
  • +GECKO toolbarbutton
  • +GECKO toolbox
  •  
  • +WEBKIT caps-lock-indicator
  • +WEBKIT button-bevel
  • +WEBKIT caret
  • +WEBKIT default-button
  • +WEBKIT listitem
  • +WEBKIT square-button
  • +WEBKIT textarea
  •  
  • +WEBKIT media-fullscreen-button
  • +WEBKIT media-mute-button
  • +WEBKIT media-play-button
  • +WEBKIT media-seek-back-button
  • +WEBKIT media-seek-forward-button
  • +WEBKIT media-slider
  • +WEBKIT media-sliderthumb
  •  
  • +WEBKIT searchfield
  • +WEBKIT searchfield-cancel-button
  • +WEBKIT searchfield-decoration
  • +WEBKIT searchfield-results-button
  • +WEBKIT searchfield-results-decoration
  •  
  • +WEBKIT slider-horizontal
  • +WEBKIT slider-vertical
  • +WEBKIT sliderthumb-horizontal
  • +WEBKIT sliderthumb-vertical
  •  
  • +GECKO treeheadercell
  • +GECKO treeheadersortarrow
  • +GECKO treeitem
  • +GECKO treetwisty
  • +GECKO treetwistyopen
  • +GECKO treeview
  •  
  • +GECKO scrollbar
  • +GECKO +WEBKIT scrollbarbutton-down
  • +GECKO +WEBKIT scrollbarbutton-left
  • +GECKO +WEBKIT scrollbarbutton-right
  • +GECKO +WEBKIT scrollbarbutton-up
  • +GECKO +WEBKIT scrollbartrack-horizontal
  • +GECKO +WEBKIT  scrollbartrack-vertical
  • +WEBKIT scrollbargripper-horizontal
  • +WEBKIT scrollbargripper-vertical
  • +WEBKIT scrollbarthumb-horizontal
  • +WEBKIT scrollbarthumb-vertical
  •  
  • +GECKO -moz-mac-unified-toolbar - Только для Mac OS. This causes the toolbar and title bar to render using the unified toolbar style common to Mac OS X 10.4 and later applications.
  • +GECKO -moz-win-borderless-glass - Только для Windows Vista и более поздних версий. This style applies the Aero Glass effect -- but without a border -- to the element.
  • +GECKO -moz-win-browsertabbar-toolbox - Только для Windows Vista и более поздних версий. This toolbox style is meant to be used for the tab bar in a browser.
  • +GECKO -moz-win-communications-toolbox - Только для Windows Vista и более поздних версий. This toolbox style is meant to be used in communications and productivity applications. Corresponding foreground color is -moz-win-communicationstext.
  • +GECKO -moz-win-glass - Только для Windows Vista и более поздних версий. This style applies the Aero Glass effect to the element.
  • +GECKO -moz-win-media-toolbox - Только для Windows Vista и более поздних версий. This toolbox style is meant to be used in applications that manage media objects. Corresponding foreground color is -moz-win-mediatext.

Примеры использования

Свойство appearance определено в спецификации CSS 3 модуль Basic User Interface Level 3 (пользовательский интерфейс, уровень 3), применяется к всем элементам, и действует на всех визуальные, интерактивные носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение normal. На данный момент свойство поддерживается во всех основных браузерах.

Смотри также:

Краткое описание

стиль отображения элемента на основе системных элементов управления

Синтаксис:

normal | icon | window | desktop | workspace | document | tooltip | dialog | button | push-button | hyperlink | radio-button | checkbox | menu-item | tab | menu | menubar | pull-down-menu | pop-up-menu | list-menu | radio-group | checkbox-group | outline-tree | range | field | combo-box | signature | password | inherit

По умолчанию:

normal

Применяется к:

всем элементам

Наследование:

не наследуется

Тип носителя:

визуальные, интерактивные

Объектная модель документа (DOM):

[элемент].style.appearance

Кроссбраузерная совместимость

Internet Explorer

5+

Firefox

2.0+

Chrome

1.0+

Safari

1.0+

Opera

8.5+