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 */
}
