CSS3 resize 属性

指定一个 div 元素，允许用户调整大小：

div
{
    resize:both;
    overflow:auto;
}

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

属性
resize	4.0	9.0	5.0 4.0 -moz-	4.0	15.0

resize属性指定一个元素是否是由用户调整大小的。

注意：resize属性适用于计算其他元素的溢出值是不是"visible"。

	值
默认值:	none
继承:	no
版本:	CSS3
JavaScript 语法:	object.style.resize="both"

语法

resize: none|both|horizontal|vertical:

属性值

值	描述
none	用户无法调整元素的尺寸。
both	用户可调整元素的高度和宽度。
horizontal	用户可调整元素的宽度。
vertical	用户可调整元素的高度。

实例

<style> 
div.demo-resize
{
	border:2px solid;
	padding:10px 40px; 
	width:300px;
	resize:both;
	overflow:auto;
}
</style>

<div class="demo-resize">调整属性指定一个元素是否由用户可调整大小的。</div>

效果

调整属性指定一个元素是否由用户可调整大小的。