您好,登錄后才能下訂單哦!
本篇內容介紹了“CSS3的resize屬性用法介紹”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
語法:
resize:none | both | horizontal | vertical
默認值:none
適用于:所有設置了overflow除了visible之外的元素
繼承性:無
取值:
none:
不允許用戶調整元素大小。
both:
用戶可以調節元素的寬度和高度。
horizontal:
用戶可以調節元素的寬度
vertical:
用戶可以調節元素的高度。
說明:
設置或檢索對象的區域是否允許用戶縮放,調節元素尺寸大小。
如果希望此屬性生效,需要設置對象的overflow屬性,值可以是auto,hidden或scroll。
對應的腳本特性為resize。
為了增強用戶體驗,CSS 3增加了很多新的屬性,其中一個重要的屬性就是resize,它允許用戶通過拖動的方式來修改元素的尺寸。
樣例代碼:
CSS Code復制內容到剪貼板
.box {
width: 600px;
height: 300px;
border: 1px solid #000;
resize: both;
overflow: auto;
}
樣例圖片:
“CSS3的resize屬性用法介紹”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。