Свойство 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.

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