头闻号

惠州市富士邦涂装工程有限公司

室内涂料|室外涂料|其他建筑涂料|地坪|其他建筑装修施工|场地铺设器材

首页 > 新闻中心 > 科技常识:CSS3的resize属性使用初探
科技常识:CSS3的resize属性使用初探
发布时间:2023-02-01 10:25:14        浏览次数:4        返回列表

今天小编跟大家讲解下有关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; }

样例图片:

来源:爱蒂网