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中31种选择器使用方法教程
Dec 05 HTML / CSS
css3使网页、图片变成灰色兼容大多数浏览器
Jul 02 HTML / CSS
css3 transform属性详解
Sep 30 HTML / CSS
用CSS3写的模仿iPhone中的返回按钮
Apr 04 HTML / CSS
利用CSS3把图片变成灰色模式的实例代码
Sep 06 HTML / CSS
谈谈对css属性box-sizing的了解
Jan 04 HTML / CSS
深入研究HTML5实现图片压缩上传功能
Mar 25 HTML / CSS
基于HTML5 FileSystem API的使用介绍
Apr 24 HTML / CSS
HTML5 3D衣服摇摆动画特效
Mar 17 HTML / CSS
HTML5 虚拟键盘出现挡住输入框的解决办法
Feb 14 HTML / CSS
HTML5之消息通知的使用(Web Notification)
Oct 30 HTML / CSS
纯CSS打字动画的实现示例
Aug 05 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
php获取一个变量的名字的方法
2014/09/05 PHP
php实现递归与无限分类的方法
2015/02/16 PHP
php浏览历史记录的方法
2015/03/10 PHP
php实现通过cookie换肤的方法
2015/07/13 PHP
PHP的邮件群发系统phplist配置方法详细总结
2016/03/30 PHP
js中cookie的使用详细分析
2008/05/28 Javascript
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
Javascript中匿名函数的多种调用方式总结
2013/12/06 Javascript
一行命令搞定node.js 版本升级
2014/07/20 Javascript
js验证上传图片的方法
2015/05/12 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
2016/05/09 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
2017/05/12 Javascript
nodejs前端模板引擎swig入门详解
2018/05/15 NodeJs
手把手教你用Node.js爬虫爬取网站数据的方法
2018/07/05 Javascript
微信小程序前端promise封装代码实例
2019/08/24 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
[00:59]DOTA2荣耀之路1:Doom is back!weapon X!
2018/05/22 DOTA
python 字典(dict)遍历的四种方法性能测试报告
2014/06/25 Python
Python内置函数之filter map reduce介绍
2014/11/30 Python
简单介绍Python的Django框架的dj-scaffold项目
2015/05/30 Python
朴素贝叶斯分类算法原理与Python实现与使用方法案例
2018/06/26 Python
对pandas读取中文unicode的csv和添加行标题的方法详解
2018/12/12 Python
Python2和Python3中@abstractmethod使用方法
2020/02/04 Python
Python判断三段线能否构成三角形的代码
2020/04/12 Python
基于python生成英文版词云图代码实例
2020/05/16 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
拿来就用!Python批量合并PDF的示例代码
2020/08/10 Python
希尔顿酒店中国网站:Hilton中国
2017/03/11 全球购物
Giuseppe Zanotti美国官方网站:将鞋履视为高级时装般精心制作
2018/02/06 全球购物
罗技美国官网:Logitech美国
2020/01/22 全球购物
20年同学聚会邀请函
2014/02/04 职场文书
劳动竞赛活动总结
2014/05/05 职场文书
食品安全标语
2014/06/07 职场文书
2014离婚协议书范文(3篇)
2014/11/29 职场文书
2016春季小学开学寄语
2015/12/03 职场文书
你对自己的信用报告有过了解吗?
2019/07/09 职场文书