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 属性
