...

Web Technologies - CSS3

Back to Course

Lesson Description


Lession - #530 CSS3 User Interface


The user interface property allows you to vary any element into one in all many commonplace user interface elements.

Some of the common properties that are using in css3 user interface.
appearance
Used to enable the user to make elements as user interface elements.

box-sizing
Allows to users to fix elements on area in clear means.

icon
Used to provide the icon on area.

resize
Used to resize elements that are on space.

outline-offset
Used to draw the behind the outline.

nav-down
Used to move down when you have pressed on down arrow button in keyboard.

nav-left
Used to move left when you have pressed on left arrow button in keyboard.

nav-right
Used to move right once you have pressed on right arrow button in keyboard.

nav-up
Used to move up once you have pressed on up arrow button in keyboard.

Example



<html>
   <head>
      <style>
 div {
            margin: 20px;
            padding: 10px;
            width: 300px; 
            height: 100px;
            border: 5px solid yellow;
            outline: 5px solid pink;
            outline-offset: 15px;
         }
      </style>
   </head>

   <body>
      <div>techedhub.com</div>
   </body>
</html>



Try it here