当前位置： 移动技术网 > IT编程>网页制作>CSS > CSS3的resize属性使用初探

CSS3的resize属性使用初探

2019年07月25日  | 移动技术网IT编程  | 我要评论

小儿颈部肿块,白银现货,幼儿园春季育儿知识

语法：
resize：none | both | horizontal | vertical
默认值：none
适用于：所有设置了overflow除了visible之外的元素
继承性：无
取值：
none：
不允许用户调整元素大小。
both：
用户可以调节元素的宽度和高度。
horizontal：
用户可以调节元素的宽度
vertical：
用户可以调节元素的高度。
说明：
设置或检索对象的区域是否允许用户缩放，调节元素尺寸大小。
如果希望此属性生效，需要设置对象的overflow属性，值可以是auto,hidden或scroll。
对应的脚本特性为resize。

为了增强用户体验，css 3增加了很多新的属性，其中一个重要的属性就是resize，它允许用户通过拖动的方式来修改元素的尺寸。

样例代码：

css code复制内容到剪贴板
  1. .box {   
  2.     width: 600px;   
  3.     height: 300px;   
  4.     border: 1px solid #000;   
  5.     resize: both;   
  6.     overflow: auto;   
  7. }  


样例图片：

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网