在web页面中 textarea 元素是默认可以通过鼠标来拖动大小的,但CSS也提供了一个 resize 属性,此属性可以用来设置 textarea 是否可以被鼠标拖动大小,以及拖动的方向等等。
textarea 的 resize 属性
resize:用来定义 textarea 元素是否可以被拖动大小。
属性值:
none:不能调整元素的尺寸;
both:可调整元素的高度和宽度;
horizontal:可调整元素的宽度;
vertical:可调整元素的高度。
textarea 的 resize 属性示例
示例1:
禁止 textarea 被拖动
代码:
<textarea name="" style="width:100px;height: 100px;resize:none;"></textarea>
示例2:
只允许 textarea 被上下拖动改变大小
<textarea name="" style="width:100px;height: 100px;resize:vertical;"></textarea>
示例3:
只允许 textarea 被左右拖动改变大小
<textarea name="" style="width:100px;height: 100px;resize:horizontal;"></textarea>
到此这篇关于textarea 的 resize 属性介绍与如何使用方法就介绍到这了。不要为失去的事物后悔,这是一种无比豁达的心态,过去的事情就让他过去把。更多相关textarea 的 resize 属性介绍与如何使用方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!