CSS3的resize属性使用初探
0101后花园 发布时间:2015-09-27 12:16:26 作者:佚名 我要评论
这篇文章主要介绍了CSS3的resize属性使用,是CSS3入门学习中的基础知识,需要的朋友可以参考下
脚本之家 / 编程助手:解决程序员“几乎”所有问题!
脚本之家官方知识库 → 点击立即使用
语法:
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属性的用法,文中主要对其拉伸效果的使用作出讲解,需要的朋友可以参考下2016-04-01
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
这篇文章主要介绍了CSS 使用 resize 实现图片拖拽切换预览功能(强大功能),本文通过图文实例相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要2021-08-18
最新评论