CSS property: appearance

Description

Standard user interface appearance.

The appearance property can be used to make an element look like a standard user interface element on the platform.

Syntax

appearance: normal | <appearance>;

Values

normal (by default)
<appearance>
iconA small picture representing an object, often with a name or label.
desktopA window used to represent a system as a whole that often contains other windows.
workspaceA window used to represent a project or application that may contain other windows, typically with a titlebar that shows the name of the project or application.
documentA window used to represent a user document, typically with a titlebar that shows its name. May also be used to represent folders or directories in a file system.
tooltipA window that is used to temporarily display information or help about an object. Also called "info" in the CSS2 system colors.
dialogA window used to present a notification or alternatives for the user to choose as part of an action taken by the user. Also called "message-box" in the CSS2 system fonts.
push-buttonA button that has a border surrounding it, often beveled to appear three dimensional, as if it is raised. Also called "caption" in CSS2 system fonts.
hyperlinkA button that represents a hypertext link, often as simple as normal text that is underlined and perhaps colored differently.
radio-buttonA button that displays whether or not it is checked with a small circle next to the button label. There may be a disc inside the circle when the button is checked. An indeterminate (neither checked nor unchecked) state may be indicated with some other graphic in the circle.
checkboxA button that displays whether or not it is checked with a small box next to the button label. There may be an x or check mark inside the box when the button is checked. An indeterminate (neither checked nor unchecked) state may be indicated with a dash - or a square or some other graphic in the box.
menu-itemA choice within a menu, which may also act as a label for a nested (hierarchical) menu.
tabA button representing the label for a pane in a tabbed interface.
menubarA menu of menus, typically arranged linearly, in a horizontal bar.
pull-down-menuA menu where the name of the menu is displayed and the options remain hidden until the user activates the menu. When the user releases or deactivates the menu, the options are hidden again.
pop-up-menuA menu where all but the currently selected option remains hidden until the user activates the menu. When the user releases or deactivates the menu, all but the selected option are hidden again.
list-menuA list of options for the user to choose from, perhaps more than one at a time.
radio-groupA menu where the options are displayed as radio-buttons.
checkbox-groupA menu where the options are displayed as checkboxes.
outline-treeA menu where the options can be shown or hidden with small widgets, often represented by a small triangle or plus and minus signs.
rangeA control that displays the current option, perhaps graphically and allows the user to select other options, perhaps by dragging a slider or turning a knob.
combo-boxA field which is accompanied by a menu of preset values that can be used to quickly enter common or typical values.
signatureA field for entering a signature.
passwordA field for entering a password. Typically the text is rendered as a set of bullets or boxes to obscure the value.

Versions