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>
  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>
  15. <body>
  16. <div>C-SharpCorner</div>
  17. </body>
  19. </html>
Note: It shows the div like a Button
1234555.png