CSS3 resize 属性
定义及用法
resize 属性指定一个元素是否是由用户调整大小的。
注意: resize 属性适用于计算其他元素的溢出值是不是 "visible"。
默认值: | none |
---|---|
继承: | 否 |
可动画化: | 否。 请参阅 animatable |
版本: | CSS3 |
JavaScript 语法: | object.style.resize="both" 尝 试 |
浏览器支持
表格中的数字表示支持该属性的第一个浏览器的版本号。
紧跟在 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
属性 | ||||||
---|---|---|---|---|---|---|
resize | 4.0 | Not supported | Not supported | 5.0
4.0 -moz- |
4.0 | 15.0 |
CSS 语法
resize: none|both|horizontal|vertical|initial|inherit;
属性值
值 | 描述 | 演 示 |
---|---|---|
none | 默认值。用户无法调整元素大小。 | 演 示 » |
both | 用户可以调整元素的高度和宽度。 | 演 示 » |
horizontal | 用户可以调整元素的宽度。 | 演 示 » |
vertical | 用户可以调整元素的高度。 | 演 示 » |
initial | 将此属性设置为其默认值。请参阅 initial | 演 示 » |
inherit | 从其父元素继承此属性。请参阅 inherit |

更多实例
Example
默认情况下,<textarea> 元素可调整大小。 使用 resize 属性可以防止文本区域调整大小(禁用 textarea 中的“抓取器”):
textarea {
resize: none;
}
尝试一下 »相关文章
CSS3 教程:CSS3 User Interface
HTML DOM 参考手册:resize 属性