resize 是 CSS 中用于指定元素是否可被用户调整尺寸的属性。该属性通常应用于可调整尺寸的元素,如 <textarea> 和 <iframe>。

resize 属性可以取以下值:

1. none: 默认值。元素不可被调整尺寸。

2. both: 允许元素的宽度和高度都可被调整尺寸。

3. horizontal: 允许元素的宽度可被调整尺寸,但高度不可。

4. vertical: 允许元素的高度可被调整尺寸,但宽度不可。

5. auto: 浏览器根据元素内容自动决定是否可被调整尺寸。

示例:
.resizable {
  resize: both; /* 允许宽度和高度都可被调整尺寸 */
  overflow: auto; /* 为了让内容超过尺寸时出现滚动条 */
}

在上述示例中,类名为 .resizable 的元素被设置为可以被用户在水平和垂直方向上调整尺寸。此外,通过设置 overflow: auto;,当内容超出元素尺寸时,将出现滚动条以便查看超出部分。这在设计可编辑的文本区域等场景中很有用。


转载请注明出处:http://www.zyzy.cn/article/detail/4242/CSS