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: 1px solid #000;
resize: both;
overflow: auto;
}
样例图片:
“CSS3的resize属性用法介绍”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!
网站标题:CSS3的resize属性用法介绍
当前URL:http://scyanting.com/article/gojesi.html