CSS3 resize属性

resize 规定可以由用户调整 div 元素的大小

此属性生效,需要设置元素的 overflow 属性,值可以是 auto、hidden 或 scroll。

resize: none | both | horizontal | vertical;

描述
none 用户无法调整元素的尺寸。
both 用户可调整元素的高度和宽度。
horizontal 用户可调整元素的宽度。
vertical 用户可调整元素的高度。
<!--html代码-->
<div class="resizeDiv">测试css3 resize属性</div>    

/*css代码*/
.resizeDiv{ 
            width: 100px; 
            height: 100px;
            border: 1px solid #ccc; 
            overflow: hidden;           
            resize: both;
             }

结果如下:


resize属性
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,868评论 1 92
  • 1.CSS3 边框 border-radius CSS属性用来设置边框圆角。当使用一个半径时确定一个圆形;当使用两...
    garble阅读 702评论 0 0
  • 一、文字属性以及字体图标 1、盒子阴影 box-shadow:属性向框添加一个或多个阴影。 语法:box-shad...
    ningluo阅读 424评论 0 0
  • 选择器 CSS3中新添加了很多选择器,解决了很多之前需要用javascript才能解决的布局问题。· elemen...
    lovelydong阅读 511评论 0 2
  • 学生时期一路过来,其实对男神一词没什么概念,直到近几年校园青春偶像电影演的火热,才在怀念青春的时候回忆了一把。不过...
    译笔丹青阅读 395评论 1 0