语法:
resize:none | both | horizontal | vertical
默认值:none
适用于:所有设置了overflow除了visible之外的元素
继承性:无
取值:
none:
不允许用户调整元素大小。
both:
用户可以调节元素的宽度和高度。
horizontal:
用户可以调节元素的宽度
vertical:
用户可以调节元素的高度。
说明:
设置或检索对象的区域是否允许用户缩放,调节元素尺寸大小。
如果希望此属性生效,需要设置对象的overflow属性,值可以是auto,hidden或scroll。
对应的脚本特性为resize。
为了增强用户体验,CSS 3增加了很多新的属性,其中一个重要的属性就是resize,它允许用户通过拖动的方式来修改元素的尺寸。
样例代码:
- .box{
- width:600px;
- height:300px;
- border:1pxsolid#000;
- resize:both;
- overflow:auto;
- }
样例图片:
以上就是CSS3的resize属性如何使用初探。努力追求是修行,彻底放下也是修行;带着不要的心,做出最大的努力,能接受一无所有才能更勇敢热烈地追求,并在得到的那一刻感恩知足,即便再次失去亦是心满意足。更多关于CSS3的resize属性如何使用初探请关注haodaima.com其它相关文章!