Easy Tutorial
❮ Css3 Pr Animation Fill Mode Pr Gen Content ❯

CSS3 appearance Property

Example

Make a div element appear like a button:


Browser Support

None of the major browsers support the appearance property.

Firefox supports the alternative -moz-appearance property.

Safari and Chrome support the alternative -webkit-appearance property.


Definition and Usage

The appearance property allows you to make elements appear like standard user interface elements.

Default value: normal
Inherited: no
--- ---
Version: CSS3
--- ---
JavaScript syntax: object.style.appearance="button"
--- ---

Syntax

Value Description
normal Renders the element normally
icon Renders the element as an icon
window Renders the element as a viewport
button Renders the element as a button
menu Renders the element as a user option selection
field Renders the element as an input field
❮ Css3 Pr Animation Fill Mode Pr Gen Content ❯