Definition and Usage
The appearance property allows you to make an element look like a standard user interface element.
| Default value: | normal |
|---|
| Inherited: | no |
|---|
| Version: | CSS3 |
|---|
| JavaScript syntax: | object.style.appearance="button" |
|---|
Syntax
appearance: normal|icon|window|button|menu|field;
Values
| Value | Description |
|---|
| normal | Render the element as normal |
| icon | Render the element as a small picture |
| window | Render the element as a viewport |
| button | Render the element as a button |
| menu | Render the element as a set of options for the user to choose from |
| field | Render the element as an input field |
Examples
div {
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
