• 技术文章 >web前端 >html教程

    CSS拉伸resize - 小火柴的蓝色理想

    2016-05-21 08:54:47原创909
      CSS3新增了resize属性,该属性允许用户通过拖动的方式来修改元素的尺寸。本来resize应该翻译为缩放,但在实际测试中通过resize属性只可以在宽高基础上实现拉伸效果,而无法实现缩放到小于宽高的效果。

      [注意]IE浏览器不支持resize属性

    resize

      resize与overflow关系紧密,只有当元素的overflow属性值不是visible时,resize才会起作用

      [注意]因为文本框本身就具有overflow:auto的属性,所以自带resize属性

      值: none | both | horizontal | vertical

      初始值: none

      应用于: 块级元素、替换元素、表单元格

      继承性: 无

    none: 用户无法调整元素尺寸
    both: 用户可调整元素的宽度和高度
    horizontal: 用户只可调整元素的宽度
    vertical: 用户只可调整元素的高度

      [注意]在win7下resize拖拽区域的大小是17px*17px,实际上它就是滚动条尺寸

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:CSS拉伸resize - 小火柴的蓝色理想
    上一篇:浏览器内部工作原理 - jerrylsxu 下一篇:HTML 5 音频(audio) - LoveSuk
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• ajax简单小例子_基于xml的实现• 关于常用meta的总结 - 冰阡陌• 如何向当前的html文档输入一段字符_html/css_WEB-ITnose• 引入外部CSS的两种方式及区别_html/css_WEB-ITnose• 新手的成长记录点滴(十)_html/css_WEB-ITnose
    1/1

    PHP中文网