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复制内容到剪贴板

  1. .box {   

  2.     width: 600px;   

  3.     height: 300px;   

  4.     border: 1px solid #000;   

  5.     resize: both;   

  6.     overflow: auto;   

  7. }  


样例图片:

CSS3的resize属性用法介绍

“CSS3的resize属性用法介绍”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


当前名称:CSS3的resize属性用法介绍
本文URL:http://csdahua.cn/article/gojesi.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流