Appearance Property In CSS3

Appearance Property In CSS3

 
It is used to make an element look like a User Interface Element. It has the following values:
  1. Normal
  2. Window
  3. icon
  4. button
  5. menu
  6. field
Ex:
  1. <html>  
  2.   
  3.    <head>  
  4.       <style type="text/css">  
  5.       div {  
  6.          appearance: button;  
  7.          -webkit-appearance: button;  
  8.          /* For Safari and Chrome */  
  9.          -moz-appearance: button;  
  10.          /* For Firefox */  
  11.       }  
  12.       </style>  
  13.    </head>  
  14.   
  15.    <body>  
  16.       <div>C-SharpCorner</div>  
  17.    </body>  
  18.   
  19. </html> 
Note: It shows the div like a Button
 
1234555.png
Next Recommended Reading border-image property in CSS3