The user interface property allows you to change any element into one of several standard user interface elements.
Some of the common properties which are using in css3 User interface.
| Sr.No. | Value & Description |
|---|---|
| 1 |
appearance
Used to allow the user to make elements as user interface elements.
|
| 2 |
box-sizing
Allows to users to fix elements on area in clear way.
|
| 3 |
icon
Used to provide the icon on area.
|
| 4 |
resize
Used to resize elements which are on area.
|
| 5 |
outline-offset
Used to draw the behind the outline.
|
| 6 |
nav-down
Used to move down when you have pressed on down arrow button in keypad.
|
| 7 |
nav-left
Used to move left when you have pressed on left arrow button in keypad.
|
| 8 |
nav-right
Used to move right when you have pressed on right arrow button in keypad.
|
| 9 |
nav-up
Used to move up when you have pressed on up arrow button in keypad.
|
Example of resize property
Resize property is having three common values as shown below −
- horizontal
- vertical
- both
Using of both value in resize property in css3 user interface −
<html> <head> <style> div { border: 2px solid; padding: 20px; width: 300px; resize: both; overflow: auto; } </style> </head> <body> <div>learnsoftware.com</div> </body> </html>
Out line means draw a line around the element at outside of border.
<html> <head> <style> div { margin: 20px; padding: 10px; width: 300px; height: 100px; border: 5px solid pink; outline: 5px solid green; outline-offset: 15px; } </style> </head> <body> <div>learnsoftware</div> </body> </html>
No comments:
Post a Comment