CSS3的resize屬性使用初探
0101后花園 發(fā)布時間:2015-09-27 12:16:26 作者:佚名
我要評論

這篇文章主要介紹了CSS3的resize屬性使用,是CSS3入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
語法:
resize:none | both | horizontal | vertical
默認值:none
適用于:所有設(shè)置了overflow除了visible之外的元素
繼承性:無
取值:
none:
不允許用戶調(diào)整元素大小。
both:
用戶可以調(diào)節(jié)元素的寬度和高度。
horizontal:
用戶可以調(diào)節(jié)元素的寬度
vertical:
用戶可以調(diào)節(jié)元素的高度。
說明:
設(shè)置或檢索對象的區(qū)域是否允許用戶縮放,調(diào)節(jié)元素尺寸大小。
如果希望此屬性生效,需要設(shè)置對象的overflow屬性,值可以是auto,hidden或scroll。
對應(yīng)的腳本特性為resize。
為了增強用戶體驗,CSS 3增加了很多新的屬性,其中一個重要的屬性就是resize,它允許用戶通過拖動的方式來修改元素的尺寸。
樣例代碼:
CSS Code復(fù)制內(nèi)容到剪貼板
- .box {
- width: 600px;
- height: 300px;
- border: 1px solid #000;
- resize: both;
- overflow: auto;
- }
樣例圖片:
相關(guān)文章
- 這篇文章主要介紹了簡單掌握CSS3中resize屬性的用法,文中主要對其拉伸效果的使用作出講解,需要的朋友可以參考下2016-04-01
CSS 使用 resize 實現(xiàn)圖片拖拽切換預(yù)覽功能(強大功能)
這篇文章主要介紹了CSS 使用 resize 實現(xiàn)圖片拖拽切換預(yù)覽功能(強大功能),本文通過圖文實例相結(jié)合給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要2021-08-18