国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

簡單掌握CSS3中resize屬性的用法

2024-07-11 09:07:08
字體:
供稿:網(wǎng)友
這篇文章主要介紹了簡單掌握CSS3中resize屬性的用法,文中主要對其拉伸效果的使用作出講解,需要的朋友可以參考下
 
 

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)整元素的寬度

比如:

CSS Code復(fù)制內(nèi)容到剪貼板
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 澄城县| 郯城县| 黄浦区| 张北县| 庄河市| 乌鲁木齐市| 西畴县| 襄樊市| 陆丰市| 凤凰县| 泽库县| 商水县| 闽清县| 罗定市| 揭阳市| 萍乡市| 施秉县| 河东区| 大石桥市| 六枝特区| 大荔县| 尚义县| 锡林郭勒盟| 韶关市| 巴南区| 客服| 桓台县| 枣庄市| 平湖市| 南通市| 乐山市| 那曲县| 会昌县| 新密市| 德庆县| 华容县| 积石山| 连城县| 北流市| 大连市| 湖口县|