CSS3的resize属性使用初探


Posted in HTML / CSS onSeptember 27, 2015

语法:
resize:none | both | horizontal | vertical
默认值:none
适用于:所有设置了overflow除了visible之外的元素
继承性:无
取值:
none:
不允许用户调整元素大小。
both:
用户可以调节元素的宽度和高度。
horizontal:
用户可以调节元素的宽度
vertical:
用户可以调节元素的高度。
说明:
设置或检索对象的区域是否允许用户缩放,调节元素尺寸大小。
如果希望此属性生效,需要设置对象的overflow属性,值可以是auto,hidden或scroll。
对应的脚本特性为resize。

为了增强用户体验,CSS 3增加了很多新的属性,其中一个重要的属性就是resize,它允许用户通过拖动的方式来修改元素的尺寸。

样例代码:

CSS Code复制内容到剪贴板
  1. .box {   
  2.     width600px;   
  3.     height300px;   
  4.     border1px solid #000;   
  5.     resize: both;   
  6.     overflowauto;   
  7. }  

样例图片:

CSS3的resize属性使用初探

HTML / CSS 相关文章推荐
纯CSS3实现表单验证效果(非常不错)
Jan 18 HTML / CSS
CSS3中的5个有趣的新技术
Apr 02 HTML / CSS
CSS3 特效范例整理
Aug 22 HTML / CSS
纯css3实现效果超级炫的checkbox复选框和radio单选框
Sep 01 HTML / CSS
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
Aug 25 HTML / CSS
使用HTML5 Canvas API中的clip()方法裁剪区域图像
Mar 25 HTML / CSS
html5设计原理(推荐收藏)
May 17 HTML / CSS
HTML5本地存储之Web Storage详解
Jul 04 HTML / CSS
html5默认气泡修改的代码详解
Mar 13 HTML / CSS
详解Html5项目适配系统深色模式方案总结
Apr 14 HTML / CSS
CSS极坐标的实例代码
Jun 03 HTML / CSS
postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍
Jan 18 HTML / CSS
基于html和CSS3制作酷炫的导航栏
Sep 23 #HTML / CSS
基于CSS3实现的黑色个性导航菜单效果
Sep 14 #HTML / CSS
基于CSS3实现的漂亮Menu菜单效果代码
Sep 10 #HTML / CSS
实例讲解使用CSS实现多边框和透明边框的方法
Sep 08 #HTML / CSS
使用CSS3配合IE滤镜实现渐变和投影的效果
Sep 06 #HTML / CSS
基于css3的属性transition制作菜单导航效果
Sep 01 #HTML / CSS
CSS3实现银灰色动画效果的导航菜单代码
Sep 01 #HTML / CSS
You might like
免费手机号码归属地API查询接口和PHP使用实例分享
2014/04/10 PHP
PHP解压ZIP文件到指定文件夹的方法
2016/11/17 PHP
PHP SPL 被遗落的宝石【SPL应用浅析】
2018/04/20 PHP
javascript下操作css的float属性的特殊写法
2007/08/22 Javascript
JQuery 学习笔记 选择器之三
2009/07/23 Javascript
javascript 检测浏览器类型和版本的代码
2009/09/15 Javascript
几个javascript操作word的参考代码
2009/10/26 Javascript
jquery uaMatch源代码
2011/02/14 Javascript
JQuery中html()方法使用不当带来的陷阱
2011/04/07 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
2012/03/01 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
2013/11/13 Javascript
轻松创建nodejs服务器(4):路由
2014/12/18 NodeJs
json传值以及ajax接收详解
2016/05/24 Javascript
JS简单去除数组中重复项的方法
2016/09/13 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
2016/11/08 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
2016/12/21 Javascript
详解nodejs微信公众号开发——2.自动回复
2017/04/10 NodeJs
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
2018/03/13 Javascript
在Vue项目中使用snapshot测试的具体使用
2019/04/16 Javascript
vue指令做滚动加载和监听等
2019/05/26 Javascript
[01:44]剑指西雅图 展望TI之CIS战队专访
2014/06/25 DOTA
详谈Python 窗体(tkinter)表格数据(Treeview)
2018/10/11 Python
Python文件操作中进行字符串替换的方法(保存到新文件/当前文件)
2019/06/28 Python
python set内置函数的具体使用
2019/07/02 Python
python 命名规范知识点汇总
2020/02/14 Python
python 使用递归回溯完美解决八皇后的问题
2020/02/26 Python
Python绘制K线图之可视化神器pyecharts的使用
2021/03/02 Python
HTML5等待加载动画效果
2017/07/27 HTML / CSS
美国最大的高尔夫发球时间预订网站:TeeOff.com
2018/03/28 全球购物
几个MySql的面试题
2013/04/22 面试题
过滤器的用法
2013/10/08 面试题
最新会计专业求职信范文
2014/01/28 职场文书
法学毕业生自我鉴定
2014/01/31 职场文书
演讲稿格式
2014/04/30 职场文书
公司联欢会策划方案
2014/05/19 职场文书
俞敏洪北大演讲稿
2014/05/22 职场文书