![\"CSS3](\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/CSS3-User-Interface-module.png\")
<\/p>\nCSS3 has new user interface features such as resizing elements, outlines, and box sizing. The resize property specifies whether or not an element should be resizable by the user.<\/p>\n
<\/p>\n
The following example lets the user resize only the width of a <div> element, as<\/p>\n
div {<\/p>\n
resize: horizontal;<\/p>\n
overflow: auto;<\/p>\n
}<\/p>\n
The following example lets the user resize only the height of a <div> element, as<\/p>\n
div {<\/p>\n
resize: vertical;<\/p>\n
overflow: auto;<\/p>\n
}<\/p>\n
The following example lets the user resize both the height and the width of a <div> element, as<\/p>\n
div {<\/p>\n
resize: both;<\/p>\n
overflow: auto;<\/p>\n
}<\/p>\n
CSS3 Outline Offset<\/strong><\/p>\n The outline-offset property adds space between an outline and the edge or border of an element.<\/p>\n Outlines differ from borders in two ways<\/p>\n The following example uses the outline-offset property to add a 15px space between the border and the outline, as<\/p>\n div {<\/p>\n border: 1px solid black;<\/p>\n outline: 1px solid red;<\/p>\n outline-offset: 15px;<\/p>\n }<\/p>\n\n
![\"CSS3](\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/CSS3-User-Interface-module-2.png\")
<\/p>\n