CSS3的resize属性使用初探
2015-09-27 12:16
417 查看
语法:
resize:none | both | horizontal | vertical
默认值:none
适用于:所有设置了overflow除了visible之外的元素
继承性:无
取值:
none:
不允许用户调整元素大小。
both:
用户可以调节元素的宽度和高度。
horizontal:
用户可以调节元素的宽度
vertical:
用户可以调节元素的高度。
说明:
设置或检索对象的区域是否允许用户缩放,调节元素尺寸大小。
如果希望此属性生效,需要设置对象的overflow属性,值可以是auto,hidden或scroll。
对应的脚本特性为resize。
为了增强用户体验,CSS 3增加了很多新的属性,其中一个重要的属性就是resize,它允许用户通过拖动的方式来修改元素的尺寸。
样例代码:
样例图片:
resize:none | both | horizontal | vertical
默认值:none
适用于:所有设置了overflow除了visible之外的元素
继承性:无
取值:
none:
不允许用户调整元素大小。
both:
用户可以调节元素的宽度和高度。
horizontal:
用户可以调节元素的宽度
vertical:
用户可以调节元素的高度。
说明:
设置或检索对象的区域是否允许用户缩放,调节元素尺寸大小。
如果希望此属性生效,需要设置对象的overflow属性,值可以是auto,hidden或scroll。
对应的脚本特性为resize。
为了增强用户体验,CSS 3增加了很多新的属性,其中一个重要的属性就是resize,它允许用户通过拖动的方式来修改元素的尺寸。
样例代码:
.box { width: 600px; height: 300px; border: 1px solid #000; resize: both; overflow: auto; }
样例图片:
相关文章推荐
- 在IE浏览器下出发CSS的haslayout属性
- 浅谈CSS编程中的怪异模式
- CSS字体属性全解析
- css伪类,a标签的四种状态
- 简单介绍CSS hack的使用
- CSS3 Animation transform
- 每天一个css css选择器
- 常用DIV+CSS命名大全集合
- CSS3中和动画有关的属性transform、transition 和 animation
- DOM与CSS样式表
- CSS动画标签
- CSS动画标签
- 【css】day02_css选择器_border_box_背景
- css 2d/3d转换代码以及案例
- 【css】day01_css概述_使用CSS_CSS语法
- 浏览器兼容及css3属性基础
- 7个你可能不认识的CSS单位:rem vh vw vmin vmax ex ch
- 常用的CSSreset整理
- css常见问题解析1
- Css3基本用法