css resize属性
翻译结果:
resize
英 [ˌri:ˈsaɪz] 美 [,ri'saɪz]
v.调整大小
css resize属性语法
resize是什么意思?
resize是CSS中的一个属性,用来规定是否可由用户调整元素的尺寸;需要和overflow 属性一起使用。
作用:resize 属性规定是否可由用户调整元素的尺寸。
语法:resize: none|both|horizontal|vertical;
说明:none 用户无法调整元素的尺寸。 both 用户可调整元素的高度和宽度。 horizontal 用户可调整元素的宽度。 vertical 用户可调整元素的高度。
注释:如果希望此属性生效,需要设置元素的 overflow 属性,值可以是 auto、hidden 或 scroll。
css resize属性示例
<!DOCTYPE html> <html> <head> <style> div { border:2px solid; padding:10px 40px; width:300px; resize:both; overflow:auto; } </style> </head> <body> <div>resize 属性规定是否可由用户调整元素尺寸。</div> <p><b>注释:</b> Firefox 4+、Safari 以及 Chrome 支持 resize 属性。</p> </body> </html>
点击 "运行实例" 按钮查看在线实例