CSS3 用戶界面

在 CSS3 中，新的用戶界面特性包括重設(shè)元素尺寸、盒尺寸以及輪廓等。

在本章中，您將學(xué)到以下用戶界面屬性：

resize
box-sizing
outline-offset
瀏覽器支持
屬性    瀏覽器支持
resize                    
box-sizing                    
outline-offset                    
Firefox、Chrome 以及 Safari 支持 resize 屬性。

Internet Explorer、Chrome、Safari 以及 Opera 支持 box-sizing 屬性。Firefox 需要前綴 -moz-。

所有主流瀏覽器都支持 outline-offset 屬性，除了 Internet Explorer。

CSS3 Resizing
在 CSS3，resize 屬性規(guī)定是否可由用戶調(diào)整元素尺寸。

這個 div 元素可由用戶調(diào)整尺寸（在 Firefox 4+、Chrome 以及 Safari 中）。

CSS 代碼如下：

實例
規(guī)定 div 元素可由用戶調(diào)整大小：

div { resize:both; overflow:auto; }