本篇文章為大家展示了CSS3中resize屬性如何使用，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

專業(yè)從事成都做網(wǎng)站、成都網(wǎng)站建設(shè),高端網(wǎng)站制作設(shè)計,重慶小程序開發(fā),網(wǎng)站推廣的成都做網(wǎng)站的公司。優(yōu)秀技術(shù)團隊竭力真誠服務(wù)，采用H5建站+CSS3前端渲染技術(shù)，響應(yīng)式網(wǎng)站設(shè)計，讓網(wǎng)站在手機、平板、PC、微信下都能呈現(xiàn)。建站過程建立專項小組，與您實時在線互動，隨時提供解決方案，暢聊想法和感受。

CSS3新增了resize屬性，該屬性允許用戶通過拖動的方式來修改元素的尺寸。本來resize應(yīng)該翻譯為縮放，但在實際測試中通過resize屬性只可以在寬高基礎(chǔ)上實現(xiàn)拉伸效果，而無法實現(xiàn)縮放到小于寬高的效果。

[注意]IE瀏覽器不支持resize屬性。

resize與overflow關(guān)系緊密，只有當元素的overflow屬性值不是visible時，resize才會起作用

如textarea標簽中，Webkit內(nèi)核的瀏覽器會默認resize的值為both，即用戶可以調(diào)節(jié)元素的寬度和高度。如下圖就是在Google chrome中的textarea的默認顯示，textarea右下角有一個可以控制縮放的按鈕。

一般情況下，textarea是被固定寬度和高度的，如果你不愿意讓其任意縮放，你可以為textarea添加resize:none的css屬性。這樣就可以去除Webkit內(nèi)核的瀏覽器的默認顯示。

將textarea中resize的屬性值設(shè)置成vertical，這個是允許用戶只能調(diào)節(jié)高度，這樣頁面就不會變形了。

[注意]因為文本框本身就具有overflow:auto的屬性，所以自帶resize屬性

值: none | both | horizontal | vertical

初始值: none

應(yīng)用于: 塊級元素、替換元素、表單元格

繼承性: 無

none: 用戶無法調(diào)整元素尺寸
both: 用戶可調(diào)整元素的寬度和高度
horizontal: 用戶只可調(diào)整元素的寬度

比如：

特殊要求請在這里中標明  
特殊要求請在這里中標明

上述內(nèi)容就是CSS3中resize屬性如何使用，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享題目：CSS3中resize屬性如何使用-創(chuàng)新互聯(lián)
標題網(wǎng)址：http://weahome.cn/article/ijied.html