CSS3新增了resize屬性,該屬性允許用戶通過拖動的方式來修改元素的尺寸。本來resize應該翻譯為縮放,但在實際測試中通過resize屬性只可以在寬高基礎上實現拉伸效果,而無法實現縮放到小於寬高的效果。
[注意]IE瀏覽器不支持resize屬性
resize
resize與overflow關系緊密,只有當元素的overflow屬性值不是visible時,resize才會起作用
[注意]因為文本框本身就具有overflow:auto的屬性,所以自帶resize屬性
值: none | both | horizontal | vertical
初始值: none
應用於: 塊級元素、替換元素、表單元格
繼承性: 無
none: 用戶無法調整元素尺寸
both: 用戶可調整元素的寬度和高度
horizontal: 用戶只可調整元素的寬度
vertical: 用戶只可調整元素的高度
[注意]在win7下resize拖拽區域的大小是17px*17px,實際上它就是滾動條尺寸