CSS3的resize属性使用初探
程序员文章站
2023-03-10 09:49:07
这篇文章主要介绍了CSS3的resize属性使用,是CSS3入门学习中的基础知识,需要的朋友可以参考下... 15-09-27...
语法:
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;
- }
样例图片:
上一篇: 帕金森综合症的五大饮食禁忌 帕金森综合症的饮食原则
下一篇: 锻炼养生分时间,晨练到底好不好?
推荐阅读
-
基于IView中on-change属性的使用详解
-
Winform中在使用Dock属性设计页面布局控件的顺序导致页面效果不同的问题
-
详谈js使用in和hasOwnProperty获取对象属性的区别
-
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
-
CSS3,线性渐变(linear-gradient)的使用总结
-
CSS3属性box-shadow使用详细教程
-
修正IE下使用CSS属性overflow的bug
-
iOS 【使用第三方字典转模型时增加额外的属性】
-
Python中property属性的概论和使用方法
-
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用