appearance property

Author admin Reading 1 min Views 461 Published by October 15, 2011 Modified by August 15, 2024

Contents

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”

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

div { 
  
    appearance:button; 
  
    -moz-appearance:button; /* Firefox */ 
  
    -webkit-appearance:button; /* Safari and Chrome */ 
  
}