目录

CSS resize 属性


示例

在这里,用户可以调整 <div> 元素的高度和宽度:

div {
  resize: both;
  overflow: auto;
}
亲自试一试 »

下面有更多 "亲自试一试" 示例。


定义和用法

这个resize属性定义用户是否(以及如何)调整元素的大小。

笔记:这个resize属性不适用于内联元素或溢出="visible"的块元素。因此,请确保溢出设置为 "scroll"、"auto" 或 "hidden"。

默认值: 没有任何
遗传:
可动画: 不。阅读可动画的
版本: CSS3
JavaScript 语法: 对象.style.resize="both"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -moz- 的数字指定使用前缀的第一个版本。

Property
resize 4.0 79.0 5.0
4.0 -moz-
4.0 15.0


CSS 语法

resize: none|both|horizontal|vertical|initial|inherit;

属性值

Value Description Demo
none Default value. The user cannot resize the element Play it »
both The user can resize both the height and width of the element Play it »
horizontal The user can resize the width of the element Play it »
vertical The user can resize the height of the element Play it »
initial Sets this property to its default value. Read about initial Play it »
inherit Inherits this property from its parent element. Read about inherit

更多示例

示例

让用户仅调整 <div> 元素的高度:

div {
  resize: vertical;
  overflow: auto;
}
亲自试一试 »

示例

让用户仅调整 <div> 元素的宽度:

div {
  resize: horizontal;
  overflow: auto;
}
亲自试一试 »

示例

在许多浏览器中,<textarea> 默认情况下可以调整大小。在这里,我们使用 resize 属性来禁用可调整大小:

textarea {
  resize: none;
}
亲自试一试 »

相关页面

CSS教程:CSS 用户界面

HTML DOM 参考:调整属性大小