A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 网页制作 > CSS3的resize属性使用初探

CSS3的resize属性使用初探

时间:2015-09-30 16:17作者:yezheng人气:37

 

语法:

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,属性,使用,初探,语法,resize

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号