1. 程式人生 > >CSS3中resize

CSS3中resize

目的 尺寸 允許 不能 自由 體驗 改變 寬度 增加

CSS3 自由縮放屬性
為了增強用戶體驗,CSS3增加了很多新的屬性,其中resize就是一個重要的屬性,也是一個非常實用的屬性,它允許用戶通過拖動的方式來修改元素的尺寸來改變元素的大小。到目前為止,可以使用overflow屬性的任何容器元素。在此之前,Web設計師為了要實現這樣的UI效果,需要使用大量的腳本代碼才能實現,這樣費時費力, 效率極低。
resize屬性主要是用來改變元素尺寸大小的, 其主要目的是增強用戶體驗。 使用方法極其的簡單。
在CSS3中resize屬性指定的值分為以下幾種:
http:/ /www.iis7.com/b/wzjk/
-none: 用戶不能拖動元素修改尺寸大小。
-both: 用戶可以拖動元素,同時修改元素的寬度和高度。
-horizontal: 用戶可以拖動元素,僅可以修改元素的寬度,但不能修改元素的高度。
-vertical: 用戶可以拖動元素,僅可以修改元素的高度,但不能修改元素的寬度。
-inherit: 繼承父元素的resize屬性值。

CSS3中resize