我們在進行網頁設計時,都需要考慮到用戶體驗方面。那么我們都知道CSS是用于控制網頁的樣式和布局的。而CSS3 就是最新的 CSS 標準。
在css3中我們可以發現一些新屬性,這些屬性很大方面得提高了用戶體驗,比如新增的resize屬性。
推薦參考相關視頻教程:《CSS3教程》
下面我們結合具體的代碼示例為大家詳細介紹css3中resize屬性的作用。
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css3中resize屬性的用法示例</title> <style> p { border:3px solid #ff3844; padding:10px 20px; width:200px; resize:both; overflow:auto; } </style></head><body><p>css3中resize屬性的作用:能夠規定用戶是否可以自由調整元素的尺寸!</p></body></html>通過瀏覽器訪問,最終效果如下圖:
上述代碼大家可以直接復制粘貼到本地進行測試,這里我們給p添加resize屬性,并且設置值為both。
當我們鼠標拖動右下角處,可以發現邊框元素和文字元素都自由的發生縮放,無論是沿著水平方向還是垂直方向,都能根據我們的要求進行文本域尺寸的變化。這里也就說明resize屬性可以用來改變元素尺寸大小。
同時需要注意的是,當我們不給這個p添加overflow屬性時,盡管有resize屬性,都不會有任何效果的,大家可以本地測試下。所以只有同時設置overflow和resize屬性時,resize屬性才會有作用,當然overflow值可以是 auto、hidden 或者 scroll。
下面給大家總結下resize可選值:
| 設置none表示用戶不能調整元素的尺寸。 |
| 設置both表示用戶可以調整元素的高度和寬度。 |
| 設置horizontal表示用戶可以調整元素的寬度。 |
| 設置vertical表示用戶可以調整元素的高度。 |
感謝你能夠認真閱讀完這篇文章,希望小編分享css3中resize屬性的作用是什么內容對大家有幫助,同時也希望大家多多支持本站,關注本站行業資訊頻道,遇到問題就找本站,詳細的解決方法等著你來學習!
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
高轉送股票的定義是什么?高送轉股票(簡稱：高送轉)簡單理解為：股數增加，股價變小。舉例：1張100元，換成了2張50元，數量增加總價值沒變動。是指送紅股或者轉增股票的比例很大。實質是股東權益的內部結構調整，對凈資產收益率沒有影響，對公司的盈利能力也并沒有任何實質性影響。“高送轉”后，公司股本總數雖然擴大了，但公司的股東權益并不會因此而增加。而且，在凈利潤不變的情況下，由于股...
美國眾議院議長佩洛西無視中國行政當局的嚴正抗議，于2022年8月3日一意孤行訪問省，不僅違背了美國政府“堅持一個中國”的承諾，也肆意挑釁中國的政治底線。佩洛西對省的訪問導致空前緊張，中國大陸省的決心更加堅定。最近，英國媒體甚至預測，中國大陸最早將于2023年派兵50萬省。首先，祖國統一是人心所向，大勢所趨。中國大陸有決心也有能力實現這一目標。然而，中國自古以來就是一個熱愛和平的國家。我們奉行以德服...
(資料圖)關于哈士奇多少錢一只的知識大家了解嗎？以下就是小編整理的關于哈士奇多少錢一只的介紹，希望可以給到大家一些參考，一起來了解下吧！哈士奇幼犬在1000-1500元，寵物店比家養的貴一倍左右。純種哈士奇價格在4000-9000元，非純種哈士奇價格一般只有幾百元。寵物級的哈士奇價格在1000-9000元，而比賽級的哈士奇在9000元左右，在購買哈士奇幼崽時，盡量購買純種幼崽。...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）