CSS User Interface
CSS user interface is used to change any element into one of several standard user interface elements. It has two properties:
- resize - The resize property is used to resize a box by user. This property has three values: horizontal, vertical and both.
- outline-offset - The outline-offset property in CSS is used to set the amount of space between an outline and the edge or border of an element.
Here is an example of using resize property:
Example:
Here is an example of using outline-offset property:
Example:
body {
margin: 20px;
border: 1px solid black;
outline: 5px solid blue;
outline-offset: 20px;
}
margin: 20px;
border: 1px solid black;
outline: 5px solid blue;
outline-offset: 20px;
}
Run Example
Browser Support
| Property | Firefox | Chrome | IE | Opera | Safari |
|---|---|---|---|---|---|
| resize | 5.0 | 4.0 | Not supported | 15.0 | 4.0 |
| outline-offset | 5.0 | 4.0 | 15.0 | 9.5 | 4.0 |