CSS拉伸resize_html/css_WEB-ITnose
程序员文章站
2022-03-31 17:41:51
...
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,实际上它就是滚动条尺寸
推荐阅读
-
css3实现背景图片拉伸效果像桌面壁纸一样
-
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
-
css3 加 hover 实现网页遮罩从下至上渐变拉伸效果
-
css3实现背景图片拉伸效果像桌面壁纸一样
-
关于网页路径的疑惑_html/css_WEB-ITnose
-
Codeforces Round #156 (Div. 2)-A. Greg's Workout_html/css_WEB-ITnose
-
html 关于ul标签的_html/css_WEB-ITnose
-
background-size 设置背景图片的大小_html/css_WEB-ITnose
-
multiple backgrounds 多重背景_html/css_WEB-ITnose
-
建站新人_html/css_WEB-ITnose