CSS3用户界面
CSS3拥有新的用户界面功能，如调整大小的元素，轮廓和尺寸箱。
在本章中，您将了解以下用户界面属性：
-
resize -
outline-offset
浏览器支持
在表中的数字规定，完全支持该属性的第一个浏览器版本。
其次是数字-webkit-或-moz-指定用一个前缀工作的第一个版本。
| 属性 | |||||
|---|---|---|---|---|---|
| resize | 4.0 | 不支持 | 5.0 4.0 -moz- | 4.0 | 15.0 |
| outline-offset | 4.0 | 不支持 | 5.0 4.0 -moz- | 4.0 | 9.5 |
CSS3调整大小
该resize属性指定一个元素是否应该由用户调整大小。
这个div元素是用户（工作在Chrome浏览器，火狐，Safari和Opera）可以调整大小。
下面的例子让用户调整只是一个宽度<div>元素：
下面的例子让用户调整只有高度<div>元素：
下面的例子让用户同时调整高度和宽度<div>元素：
CSS3大纲偏移
的outline-offset属性的元素的轮廓和边缘或边界之间增加了空间。
大纲从边框的不同有三种方式：
- 一个轮廓线元素周围绘制边框外边缘
- 大纲不占用空间
- 一个轮廓可以是非矩形的
这div有边框边缘外15px的轮廓。
下面的示例使用大纲偏移财产边界和轮廓之间添加一个15px的空间：
CSS3用户界面属性
下表列出了所有的用户界面特性：
| 属性 | 描述 |
|---|---|
| box-sizing | 让您在包含元素的总宽度和高度的填充和边界 |
| nav-down | 指定在使用箭头向下导航键，当浏览 |
| nav-index | 指定跳位顺序为元素 |
| nav-left | 指定在使用箭头左导航键，当浏览 |
| nav-right | 指定在使用箭头，右导航键，当浏览 |
| nav-up | 指定在使用箭头式导航键，当浏览 |
| outline-offset | 元素的轮廓和边缘或边框之间添加空间 |
| resize | 指定一个元素是否是由用户调整大小 |