The best CSS3 appearance attributes Tutorial In 2024, In this tutorial you can learn Examples,Browser Support,Tag definitions and instructions,grammar,
Make div element look like a button:
All major browsers do not support appearance properties.
Firefox supports an alternative -moz-appearance property.
Safari and Chrome support an alternative -webkit-appearance property.
appearance property allows you to make an element look like a standard user interface elements.
Defaults: | normal |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object object.style.appearance = "button" |
value | Explanation |
---|---|
normal | Normal rendered elements |
icon | As a small image rendering elements |
window | As a viewport render elements |
button | As a button, showing the elements |
menu | As a user option setting presents selected elements |
field | As an input field rendered elements |