resize属性是CSS3 UI中的一个属性，允许用户调整元素的尺寸。resize属性是CSS3 UI中的一个属性，允许用户调整元素的尺寸。
resize: none|both|horizontal|vertical;
语法说明如下：
● none：用户无法调整元素的尺寸；
● both：用户可调整元素的高度和宽度；
● horizontal：用户可调整元素的宽度；
● vertical：用户可调整元素的高度。
在使用 resize 属性时还需要注意以下几点：
● 单独设置 resize 属性是无效的，resize 属性需要与 overflow 属性结合使用才有效，并且 overflow 属性的值需要设置为 auto、hidden 或 scroll；
● 并不是所有的元素都可以设置 resize 属性，比如 img 和 table 属性就没办法使用 resize 属性。
（resize）调节元素大小
1. 调整大小：无 resize : none
举例：
<!DOCTYPE html>
<html>
<head>
<style>
div {
border: 3px solid;
padding: 15px;
width: 300px;
resize: none;
}
</style>
</head>
<body>
<h1>The resize Property</h1>
<div>
<p>resize : none</p>
</div>
</body>
</html>运行结果：
2. 调整大小：两者resize : both
举例：
<!DOCTYPE html>
<html>
<head>
<style>
div {
border: 3px solid;
padding: 15px;
width: 300px;
resize: both;
overflow: auto;
}
</style>
</head>
<body>
<h1>The resize Property</h1>
<div>
<p>resize : both</p>
</div>
</body>
</html>运行结果：
3. 调整大小：水平resize : horizontal
举例：
<!DOCTYPE html>
<html>
<head>
<style>
div {
border: 3px solid;
padding: 15px;
width: 300px;
resize: horizontal;
overflow: auto;
}
</style>
</head>
<body>
<h1>The resize Property</h1>
<div>
<p>resize : horizontal</p>
</div>
</body>
</html>运行结果：
4. 调整大小：垂直resize : vertical
举例：
<!DOCTYPE html>
<html>
<head>
<style>
div {
border: 3px solid;
padding: 15px;
width: 300px;
resize: vertical;
overflow: auto;
}
</style>
</head>
<body>
<h1>The resize Property</h1>
<div>
<p>resize : vertical</p>
</div>
</body>
</html>运行结果：
C语言网提供由在职研发工程师或ACM蓝桥杯竞赛优秀选手录制的视频教程，并配有习题和答疑，点击了解：
一点编程也不会写的：零基础C语言学练课程
解决困扰你多年的C语言疑难杂症特性的C语言进阶课程
从零到写出一个爬虫的Python编程课程
只会语法写不出代码？手把手带你写100个编程真题的编程百练课程
信息学奥赛或C++选手的 必学C++课程
蓝桥杯ACM、信息学奥赛的必学课程：算法竞赛课入门课程
手把手讲解近五年真题的蓝桥杯辅导课程