欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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、兼容性

 


css3之resize
 

 

 

3、代码

 

 

.test{
   width:200px;
   overflow:auto;
   resize:both;
   height:100px;
}
相关标签: resize