自由縮放屬性resize
爲了增強用戶體驗，CSS3增加了很多新的屬性，其中resize就是一個重要的屬性，它允許用戶通過拖動的方式來修改元素的尺寸來改變元素的大小。
到目前爲止，可以使用overflow屬性的任何容器元素。
在此之前，Web設計師爲了要實現這樣具有拖動效果的UI，使用大量的腳本代碼才能實現，費時費力，效率極低。
resize屬性主要是用來改變元素尺寸大小的，其主要目的是增強用戶體驗。
但使用方法卻是極其的簡單，先從其語法入手。
resize: none | both | horizontal | vertical | inherit
取值說明：
| 屬性值 | 取值說明 |
| none | 用戶不能拖動元素修改尺寸大小 |
| both | 用戶可以拖動元素，同時修改元素的寬度和高度 |
| horizontal | 用戶可以拖動元素，僅可以修改元素的高度，但不能修改元素的寬度。 |
| vertical | 用戶可以拖動元素，僅可以修改元素的高度，但不能修改元素的寬度。 |
| inherit | 繼承父元素的resize屬性值。 |
例如：通過resize屬性，讓文本域可以沿水平方向拖大。代碼爲：
textarea {
-webkit-resize: horizontal;
-moz-resize: horizontal;
-o-resize: horizontal;
-ms-resize: horizontal;
resize: horizontal;
}
