resize屬性是CSS3 UI中的一個(gè)屬性，允許用戶調(diào)整元素的尺寸。resize屬性是CSS3 UI中的一個(gè)屬性，允許用戶調(diào)整元素的尺寸。
resize: none|both|horizontal|vertical;
語法說明如下：
● none：用戶無法調(diào)整元素的尺寸；
● both：用戶可調(diào)整元素的高度和寬度；
● horizontal：用戶可調(diào)整元素的寬度；
● vertical：用戶可調(diào)整元素的高度。
在使用 resize 屬性時(shí)還需要注意以下幾點(diǎn)：
● 單獨(dú)設(shè)置 resize 屬性是無效的，resize 屬性需要與 overflow 屬性結(jié)合使用才有效，并且 overflow 屬性的值需要設(shè)置為 auto、hidden 或 scroll；
● 并不是所有的元素都可以設(shè)置 resize 屬性，比如 img 和 table 屬性就沒辦法使用 resize 屬性。
（resize）調(diào)節(jié)元素大小
1. 調(diào)整大?。簾o 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>運(yùn)行結(jié)果：
2. 調(diào)整大?。簝烧遰esize : 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>運(yùn)行結(jié)果：
3. 調(diào)整大?。核絩esize : 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>運(yùn)行結(jié)果：
4. 調(diào)整大?。捍怪眗esize : 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>運(yùn)行結(jié)果：
C語言網(wǎng)提供由在職研發(fā)工程師或ACM藍(lán)橋杯競賽優(yōu)秀選手錄制的視頻教程，并配有習(xí)題和答疑，點(diǎn)擊了解：
一點(diǎn)編程也不會寫的：零基礎(chǔ)C語言學(xué)練課程
解決困擾你多年的C語言疑難雜癥特性的C語言進(jìn)階課程
從零到寫出一個(gè)爬蟲的Python編程課程
只會語法寫不出代碼？手把手帶你寫100個(gè)編程真題的編程百練課程
信息學(xué)奧賽或C++選手的 必學(xué)C++課程
藍(lán)橋杯ACM、信息學(xué)奧賽的必學(xué)課程：算法競賽課入門課程
手把手講解近五年真題的藍(lán)橋杯輔導(dǎo)課程