手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS3的resize属性使用初探
CSS3的resize属性使用初探
摘要:语法:resize:none|both|horizontal|vertical默认值:none适用于:所有设置了overflow除了visi...

语法:

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:1pxsolid#000; resize:both; overflow:auto; }

样例图片:

CSS3的resize属性使用初探1

【CSS3的resize属性使用初探】相关文章:

IE中css属性writing-mode使用

CSS属性behavior的语法使用

CSS知识总结

CSS background属性(背景属性)详解

css的三种定位方式使用探讨

CSS样式颜色属性的使用

CSS中的!important属性用法

CSS基础教程:CSS属性结合起来使用

利用CSS的Clip属性来创造多彩文字

CSS的nth-child使用方法

精品推荐
分类导航