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 | 指定一個元素是否是由用戶調整大小 |