CSS3的resize属性使用初探
这篇文章主要介绍了CSS3的resize属性使用,是CSS3入门学习中的基础知识,需要的朋友可以参考下
语法：
resize：none | both | horizontal | vertical
默认值：none
适用于：所有设置了overflow除了visible之外的元素
继承性：无
取值：
none：
不允许用户调整元素大小。
both：
用户可以调节元素的宽度和高度。
horizontal：
用户可以调节元素的宽度
vertical：
用户可以调节元素的高度。
说明：
设置或检索对象的区域是否允许用户缩放，调节元素尺寸大小。
如果希望此属性生效，需要设置对象的overflow属性，值可以是auto,hidden或scroll。
对应的脚本特性为resize。
为了增强用户体验，CSS 3增加了很多新的属性，其中一个重要的属性就是resize，它允许用户通过拖动的方式来修改元素的尺寸。
样例代码：
CSS Code复制内容到剪贴板
- .box {
- width: 600px;
- height: 300px;
- border: 1px solid #000;
- resize: both;
- overflow: auto;
- }
样例图片：
标签：