今天小编跟大家讲解下有关CSS3的resize属性使用初探 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS3的resize属性使用初探 的相关资料,希望小伙伴们看了有所帮助。
语法: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:1pxsolid#000; resize:both; overflow:auto; }样例图片:
来源:爱蒂网