美文网首页
CSS3 resize属性

CSS3 resize属性

作者: 啊啊啊阿南 | 来源:发表于2018-01-04 11:03 被阅读0次

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属性

相关文章

  • 用户界面与其它重要属性

    自由缩放属性resize 为了增强用户体验,CSS3增加了很多新的属性,其中resize就是一个重要的属性,它允许...

  • 第12章 用户界面与其它重要属性

    自由缩放属性resize 为了增强用户体验,CSS3增加了很多新的属性,其中resize就是一个重要的属性,它允许...

  • 自由缩放属性resize

    自由缩放属性resize 为了增强用户体验,CSS3增加了很多新的属性,其中resize就是一个重要的属性,它允许...

  • CSS3 resize属性

    resize 规定可以由用户调整 div 元素的大小 此属性生效,需要设置元素的 overflow 属性,值可以是...

  • css3自由缩放属性—resize

    在resize属性出来之前,Web设计师为了要实现这样具有拖动效果的UI,使用大量的脚本代码才能实现,这样费时费力...

  • CSS3动画

    一、CSS3 transform 属性 二、CSS3 transition 属性 transition 属性是一个...

  • CSS3 背景

    CSS3 背景 CSS3 background-origin 属性 background-origin 属性规定背...

  • CSS3 多列

    1、CSS3 多列属性 CSS3 的多列属性: column-countcolumn-gapcolumn-rule...

  • css扩展/CSS3

    CSS3 边框 CSS3 圆角属性 新的背景属性 新文本属性 新转换属性 以下列出了所有的转换属性: 2D 转换方...

  • CSS3 动画

    动画属性 动画(animation)是CSS3新增的属性,动画属性可以为元素创建动画,CSS3以前在网页上实现动画...

网友评论

      本文标题:CSS3 resize属性

      本文链接:https://www.haomeiwen.com/subject/tktrnxtx.html