resize属性用于指定一个元素是否是由用户调整大小的。
注意:resize属性适用于计算其他元素的溢出值是不是"visible"。
语法
resize: none|both|horizontal|vertical;
属性值:
none:用户无法调整元素的尺寸。
both:用户可调整元素的高度和宽度。
horizontal:用户可调整元素的宽度。
vertical:用户可调整元素的高度。
注释:如果希望此属性生效,需要设置元素的 overflow 属性,值可以是 auto、hidden 或 scroll。
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <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>
效果图:
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
更多web前端开发知识,请查阅 HTML中文网 !!
以上就是css resize属性有什么用?的详细内容,更多请关注0133技术站其它相关文章!