textarea标签中resize缩放属性的设置
2014-06-17 10:13
218 查看
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:默认继承。
转自:http://blog.csdn.net/xinxintai/article/details/7092266
而textarea标签中,Webkit内核的浏览器会默认resize的值为both,即用户可以调节元素的宽度和高度。如下图就是在Google chrome中我博客的textarea的默认显示,textarea右下角有一个可以控制缩放的按钮。
一般情况下,textarea是被固定宽度和高度的,如果你不愿意让其任意缩放,你可以为textarea添加resize:none的css属性。这样就可以去除Webkit内核的浏览器的默认显示。
以下是resize属性的的各个取值:
none:用户不能操纵机制调节元素的尺寸;
both:用户可以调节元素的宽度和高度;
horizontal:用户可以调节元素的宽度;
vertical:让用户可以调节元素的高度;
inherit:默认继承。
转自:http://blog.csdn.net/xinxintai/article/details/7092266
相关文章推荐
- textarea标签中resize缩放属性的设置
- textarea标签中resize缩放属性的设置
- 【CSS】textarea标签中resize属性的设置
- 设置contenteditable属性可编辑HTML标签的内容(可代替textarea)
- 使用多行文本Textarea大小设置与resize属性结合使用
- CSS中的textarea的一些设置之resize属性(个人笔记)
- textarea标签没有value属性如何设置textarea的值
- (原创)后台动态设置前台标签内容和属性
- textarea 滚动条属性设置
- Embed标签的功能、语法和属性设置
- Flex中通过设置labelPlacement属性设置RadioButton控件文本标签排列位置的例子
- ie6中select标签动态插入选择项<option>后不能设置selected属性
- VS 编辑HTML 标签,自动补全属性引号设置
- Silverlight Object 标签属性介绍、初始化参数的设置和获取、客户端系统信息获取
- js中用setAttribute为标签设置class属性
- 用CSS设置的border属性及标签不显示下划线
- textarea 滚动条属性设置
- Flex中如何遍历TabBar控件的各个Tab,并且通过labelPlacement属性设置标签位置
- 后台动态设置前台标签内容和属性
- Silverlight Object 标签属性介绍、初始化参数的设置和获取、客户端系统信息获取