小編給大家分享一下resize屬性的使用方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都地區(qū)優(yōu)秀IDC服務(wù)器托管提供商(創(chuàng)新互聯(lián)建站).為客戶提供專業(yè)的四川移動機房托管,四川各地服務(wù)器托管,四川移動機房托管、多線服務(wù)器托管.托管咨詢專線:18982081108
resize是CSS3中的一個屬性,它用于指定一個元素是否是由用戶調(diào)整大小。
css3 resize屬性
作用:規(guī)定是否可由用戶調(diào)整元素尺寸。
說明:Firefox、Chrome 以及 Safari 支持 resize 屬性。
語法:
resize: none|both|horizontal|vertical;
none:用戶無法調(diào)整元素的尺寸。
both:用戶可調(diào)整元素的高度和寬度。
horizontal :用戶可調(diào)整元素的寬度。
vertical:用戶可調(diào)整元素的高度。
注釋:如果希望此屬性生效,需要設(shè)置元素的 overflow 屬性,值可以是 auto、hidden 或 scroll。
css3 resize屬性的使用示例
<!DOCTYPE html> <html> <head> <style> div { border:2px solid; padding:10px 40px; width:300px; resize:both; overflow:auto; } </style> </head> <body> <div>resize 屬性規(guī)定是否可由用戶調(diào)整元素尺寸。</div> <p><b>注釋:</b> Firefox 4+、Safari 以及 Chrome 支持 resize 屬性。</p> </body> </html>
效果圖:
以上是resize屬性的使用方法的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)站名稱:resize屬性的使用方法
新聞來源:http://aaarwkj.com/article22/gdsejc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營銷、網(wǎng)站設(shè)計、網(wǎng)站排名、網(wǎng)站維護、網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)