css3之resize
程序员文章站
2022-03-22 08:07:11
...
CSS3之 resize
-----使元素的区域可缩放,需要配合overflow条件的容器。
目前只有Safari、Chrome允许元素的缩放的。
1、语法
resize: none | both | horizontal | vertical | inherit
- none ---没有缩放功能
- both ---双向缩放,调节横向和纵向
- horizontal --- 只提供横向
- vertical ---只提供纵向
- inherit --默认继承
2、兼容性
3、代码
.test{
width:200px;
overflow:auto;
resize:both;
height:100px;
}