這篇文章給大家分享的是有關css3如何通過resize屬性修改元素大小的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

運河網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、響應式網(wǎng)站建設等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)公司于2013年創(chuàng)立到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設就選創(chuàng)新互聯(lián)公司。

  為了增強用戶體驗，CSS3增加了很多新的屬性，其中一個重要的屬性就是調(diào)整大小，它允許用戶通過拖動的方式來修改元素的尺寸。

到目前為止，主要用于可以使用溢出屬性的任何容器元素中。

    在此之前，設計師要實現(xiàn)相同的UI效果，則需要通過JavaScript編寫大量的腳本才能夠?qū)崿F(xiàn)，從而既費時費力，且執(zhí)行效率也很低。

    resize是CSS3新增的一個非常實用的屬性。

    resize屬性初始值無，適用于所有溢出屬性不為visible的元素。取值簡單說明如下：

       none：瀏覽器不提供尺寸調(diào)整機制，用戶不能操縱機制調(diào)節(jié)元素的尺寸。

       兩者：瀏覽器提供雙向尺寸調(diào)整機制，允許用戶調(diào)節(jié)元素的寬度和高度。

       horizontal：瀏覽器提供單向水平尺寸調(diào)整機制，允許用戶調(diào)節(jié)元素的寬度。

       vertical：瀏覽器提供單向垂直尺寸的調(diào)整機制，允許用戶調(diào)節(jié)元素的高度。

       繼承：從繼承。   

    CSS3允許將屬性應用到任意元素，這將使網(wǎng)頁擴展功能擁有跨瀏覽器的支持。

鼠標放在右下角可以對元素進行大小的超越。

具體代碼如下：

<！DOCTYPE>