CSS3中新增了resize縮放屬性,這個屬性可以應用到任意元素。目前只有Webkit內核的瀏覽器才支持這個css3屬性,即Google chrome和Apple safari都支持。
而textarea標簽中,Webkit內核的瀏覽器會默認resize的值為both,即用戶可以調節元素的寬度和高度。如下圖就是在Google chrome中我博客的textarea的默認顯示,textarea右下角有一個可以控制縮放的按鈕。
一般情況下,textarea是被固定寬度和高度的,如果你不願意讓其任意縮放,你可以為textarea添加resize:none的css屬性。這樣就可以去除Webkit內核的瀏覽器的默認顯示。
以下是resize屬性的的各個取值:
none:用戶不能操縱機制調節元素的尺寸;
both:用戶可以調節元素的寬度和高度;
horizontal:用戶可以調節元素的寬度;
vertical:讓用戶可以調節元素的高度;
inherit:默認繼承。