resize
英 [?ri:?sa?z]? ?美 [,ri'sa?z]??
v.調(diào)整大小
css resize屬性 語法
resize是什麼意思?
resize是CSS中的屬性,用來規(guī)定是否可由使用者調(diào)整元素的尺寸;需要和overflow 屬性一起使用。
作用:resize 屬性規(guī)定是否可由使用者調(diào)整元素的尺寸。
語法:resize: none|both|horizo??ntal|vertical;
說明:none ? ?使用者無法調(diào)整元素的尺寸。? ? both ? ?使用者可調(diào)整元素的高度和寬度。? ? horizo??ntal ? ?使用者可調(diào)整元素的寬度。? ? vertical ? ?使用者可調(diào)整元素的高度。? ??
註解:如果希望此屬性生效,需要設(shè)定元素的 overflow 屬性,值可以是 auto、hidden 或 scroll。
css resize屬性 範(fàn)例
<!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>
#點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例