css3之resize

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;
}