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
舉例：
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:none;}</style></head><body><h1>TheresizeProperty</h1 ><div><p>resize:none</p></div></body></html>運行結果：
2.調整大小：兩者resize : both
舉例：
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:both;overflow:auto;}</style></head><body><h1> TheresizeProperty</h1><div><p>resize:both</p></div></body></html>運行結果：
3.調整大小：水平resize : horizontal
舉例：
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:horizontal;overflow:auto;}</style></head><body><h1> TheresizeProperty</h1><div><p>resize:horizontal</p></div></body></html>運行結果：
4.調整大小：垂直resize : vertical
舉例：
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:vertical;overflow:auto;}</style></head><body><h1> TheresizeProperty</h1><div><p>resize:vertical</p></div></body></html>運行結果：
