textarea 的 resize 属性介绍与如何使用方法

雪花,是世界上最圣洁的花,当你静静的倾听天籁,尘世的浮躁与喧嚣,似乎都已离你远去,剩下的惟有纯净,那是心灵忘却一切的畅然,那是在没有尘埃的世界里,生命自由呼吸的平淡与安恬。

在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>

textarea 的 resize 属性介绍与使用方法

示例2:

只允许 textarea 被上下拖动改变大小

<textarea name="" style="width:100px;height: 100px;resize:vertical;"></textarea>

textarea 的 resize 属性介绍与使用方法

示例3:

只允许  textarea 被左右拖动改变大小

<textarea name="" style="width:100px;height: 100px;resize:horizontal;"></textarea>

textarea 的 resize 属性介绍与使用方法

到此这篇关于textarea 的 resize 属性介绍与如何使用方法就介绍到这了。不要为失去的事物后悔,这是一种无比豁达的心态,过去的事情就让他过去把。更多相关textarea 的 resize 属性介绍与如何使用方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
收集了几个CSS的初始化代码

使整个网站页面变灰的方法

CSS画太极图的方法

如何解决移动端滑动验证时页面跟随移动的问题

javascript隐藏鼠标的方法