In CSS3 we have new user interface features like Resizing element, Box sizing and outlining.
List Of User Interface Properties
With resizing in CSS3 we can easily resize the element.
CSS3 Box Sizing
With box-sizing property in CSS3 we can tell browser about what is the sizing property include (i.e: height, width).
They include border-box or the content-box which is default value of the width and height property.
-moz-box-sizing: border-box; /* Firefox */
CSS3 Outline Offset
With outline-offset property in CSS3 we can offset an outline, and also draw beyond the border edge.
Outline Offset differ in 2 ways,
- Outlines do not take up space
- Outlines may be non-rectangular
border: 2px solid black;
outline: 2px solid red;
Full HTML & CSS Code
Note: Internet Explorer and Opera do not support the resize property.
Note: Internet Explorer does not support the outline-offset property.
I build websites | Been building websites for the last 3 years and been venturing into App Development now.