?
本文檔使用 php中文網(wǎng)手冊(cè) 發(fā)布
resize:none | both | horizontal | vertical
默認(rèn)值:none
適用于:所有 <' overflow '> 設(shè)置為非visible
的元素
繼承性:無(wú)
動(dòng)畫(huà)性:否
計(jì)算值:指定值
none:不允許用戶調(diào)整元素大小。
both:用戶可以調(diào)節(jié)元素的寬度和高度。
horizontal:用戶可以調(diào)節(jié)元素的寬度
vertical:用戶可以調(diào)節(jié)元素的高度。
如果希望此屬性生效,需要設(shè)置對(duì)象的overflow屬性,值可以是auto,hidden或scroll。
對(duì)應(yīng)的腳本特性為resize。
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0-11.0 | 2.0-3.6 | 4.0+ | 6.0+ | 15.0+ | 6.0-8.3 | 2.1-4.4.4 | 18.0+ |
4.0 -moz- | ||||||||
5.0 |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>resize_CSS參考手冊(cè)_web前端開(kāi)發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test{overflow:auto;width:200px;height:100px;resize:both;background:#eee;} </style> </head> <body> <div class="test"> <ul> <li>新聞列表</li> <li>新聞列表</li> <li>新聞列表</li> </ul> </div> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例