21:40
Unknown
Example
Make a div element look like a
button:
______________________________________________________________________________
div
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
______________________________________________________________________________
Browser
Support
The appearance property is not
supported in any of the major browsers.
Firefox supports an alternative, the
-moz-appearance property.
Safari and Chrome support an
alternative, the -webkit-appearance property.
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;
______________________________________________________________________________
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
|
Posted in: Appearance,Blog,CSS
