為了增強用戶體驗，CSS3增加了很多新的屬性，其中resize就是一個重要的屬性，它允許用戶通過拖動的方式來修改元素的尺寸來改變元素的大小。到目前為止，可以使用overflow屬性的任何容器元素。

在此之前，Web設計師為了要實現(xiàn)這樣具有拖動效果的UI，使用大量的腳本代碼才能實現(xiàn)，這樣費時費力，效率極低。

resize屬性主要是用來改變元素尺寸大小的，其主要目的是增強用戶體驗。但使用方法卻是極其的簡單，先從其語法入手。

取值說明：

例如：通過resize屬性，讓文本域可以沿水平方向拖大。代碼為：

textarea {
  -webkit-resize: horizontal;
  -moz-resize: horizontal;
  -o-resize: horizontal;
  -ms-resize: horizontal;
  resize: horizontal;
}