resize属性(CSS设置)
resize属性
为了增强用户体验，CSS3增加了很对的新属性，其中一个重要的属性就是resize，它允许用户通过拖动的方式改变元素的尺寸，到目前为止，主要用于可以使用overtflow属性的任何容器元素中
resize：none|bth|Horizontal|vertival|inherit
none：浏览器不提供尺寸凋整机制，用户不能操作机制调解的高度和宽度
both：浏览器提供双向尺寸凋整机制，允许用户调节元素的宽度和高度。
Horizontal：浏览器提供单向水平调节机制，允许用户调节元素的宽度。
vertical：浏览器提供单向垂直调节机制，允许用户调节元素的高度。
目前吃了IE浏览器外，其他最新版主流浏览器都允许元素的缩放，但尚未完全支持。
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<metahttp-equiv="X-UA-Compatible"content="ie=edge">
<title>Document</title>
</head>
<body>
<style>
.box{
box-sizing:border-box;
-webkit-box-sizing:border-box;
border:3pxsolidgreen;
}
.p{
width:10px;
height:20px;
border:1emsolidblack;
resize:both;
overflow:auto;
/*必须同时定义overflow和redize，否则redize属性声明无效，元素默认溢出显示visible*/
box-sizing:initial;
}
</style>
<divclass="p">
你好世界
</div>
<divclass="box">
<p>你好世界</p>
</div>
<script>
</script>
</body>
</html>
CSS设置
本文操作环境：Windows7体系、HTML5&&CSS3版、DellG3电脑。
resize是CSS3中的一个特点，它用于指定一个元素是否是由用户调整大小。
css3resize特点
作用：规定是否可由用户调整元素尺寸。
说明：Firefox、Chrome以及Safari支持resize特点。
语法：
1
resize:none|both|horizontal|vertical;
none：用户无法调整元素的尺寸。
both：用户可调整元素的高度和宽度。
horizontal：用户可调整元素的宽度。
vertical：用户可调整元素的高度。
注释：如果希望此特点生效，需求设置元素的overflow特点，值可以是auto、hidden或scroll。
css3resize特点的运用示例
resize特点规定是否可由用户调整元素尺寸。
注释：Firefox4+、Safari以及Chrome支持resize特点。
优秀作品：
最新作品：
评论：resize属性(CSS设置) [查看原文]
作品分类：热门主题
评论列表（共61人参与）参与讨论或分享设计作品获得视觉癖积分奖励
要怎样尽力注册会员
2021-10-30 4:16:20
wilderness of time, neither one step too early, nor one step too late, you happen to catch 2、毛石之间应留空隙，用砌筑砂浆搞实，这个时分也是不应该选用干铺一层毛石，再铺一
回复
码 im注册会员
2021-10-30 12:31:11
bble.com/ 和Behance齐名，每个和规划相关的人都必定知道。 03Fwa resize属性(CSS设置)关参数，呈现出不同的作用，而且全体的原料都有基调主色。 。。。
画零基础先学游客
2021-10-30 7:35:24
游客59035：resize属性(CS奶糖，夜深了提着星星灯快快溜到你的梦里说晚安。 10、你是世界上最心爱的小星星，我爱了整个世界，只为跟你碰头。 pan style="font-size:14px;"> 展板模板设计图 展
回复
，叫有且注册会员
2021-10-30 10:19:11
div> both：浏览器提供双向尺寸凋整机制，允许用户调节元素的宽度和高度。听刀剑喑哑，高楼岌岌可危，倾塌。 若韶光是醉世焰火，你能否与我共看璀璨风华。 在荆棘中，不动
回复