您好,登錄后才能下訂單哦!
小編給大家分享一下resize屬性的使用方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
resize是CSS3中的一個(gè)屬性,它用于指定一個(gè)元素是否是由用戶調(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)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。