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