CSS3的resize属性使用初探

建站知识 2021-07-03 08:15www.168986.cn长沙网站建设

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

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

样例代码

CSS Code复制内容到剪贴板
  1. .box {   
  2.     width600px;   
  3.     height300px;   
  4.     border1px solid #000;   
  5.     resize: both;   
  6.     overflowauto;   
  7. }  


样例图片

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by