溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關css3如何通過resize屬性修改元素大小的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
為了增強用戶體驗，CSS3增加了很多新的屬性，其中一個重要的屬性就是調整大小，它允許用戶通過拖動的方式來修改元素的尺寸。
到目前為止，主要用于可以使用溢出屬性的任何容器元素中。
在此之前，設計師要實現相同的UI效果，則需要通過JavaScript編寫大量的腳本才能夠實現，從而既費時費力，且執行效率也很低。
resize是CSS3新增的一個非常實用的屬性。
resize屬性初始值無，適用于所有溢出屬性不為visible的元素。取值簡單說明如下：
none：瀏覽器不提供尺寸調整機制，用戶不能操縱機制調節元素的尺寸。
兩者：瀏覽器提供雙向尺寸調整機制，允許用戶調節元素的寬度和高度。
horizontal：瀏覽器提供單向水平尺寸調整機制，允許用戶調節元素的寬度。
vertical：瀏覽器提供單向垂直尺寸的調整機制，允許用戶調節元素的高度。
繼承：從繼承。
CSS3允許將屬性應用到任意元素，這將使網頁擴展功能擁有跨瀏覽器的支持。
鼠標放在右下角可以對元素進行大小的超越。
具體代碼如下：
<！DOCTYPE>
<head >
<meta http-equiv = “ Content-Type” content = “ text / html; charset = utf-8” />
<title > </ title >
<style type = “ text / css” >
#resize {
背景：url（images / img10.jpg）無重復中心；
-moz-background-clip：content;
-webkit-background-clip：content;
background-clip：content;
寬度：200像素；
高度：120像素；
max-width：800px;
max-height：600px;
內邊距：6px;
邊框：1px純紅色；
調整大小：兩者；
溢出：自動；
}
</ style >
</ head >
<body >
<div id = “ resize” > </ div >
</ body >
</ html >
感謝各位的閱讀！關于“css3如何通過resize屬性修改元素大小”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
