CSS resize 屬性

定義和用法

resize 屬性規定是否可由用戶調整元素的尺寸。

注釋:如果希望此屬性生效,需要設置元素的 overflow 屬性,值可以是 auto、hidden 或 scroll。

另請參閱:

CSS3 教程:CSS3 用戶界面

HTML DOM 參考手冊:resize 屬性

實例

規定可以由用戶調整 div 元素的大小:

div
{
resize:both;
overflow:auto;
}

親自試一試

CSS 語法

resize: none|both|horizontal|vertical;

屬性值

描述
none 用戶無法調整元素的尺寸。
both 用戶可調整元素的高度和寬度。
horizontal 用戶可調整元素的寬度。
vertical 用戶可調整元素的高度。

技術細節

默認值: none
繼承性: no
版本: CSS3
JavaScript 語法: object.style.resize="both"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

帶 -moz- 的數字表示使用前綴的首個版本。

Chrome IE / Edge Firefox Safari Opera
4.0 79.0 5.0
4.0 -moz-
4.0 15.0