CSS拉伸resize


  CSS3新增了resize屬性,該屬性允許用戶通過拖動的方式來修改元素的尺寸。本來resize應該翻譯為縮放,但在實際測試中通過resize屬性只可以在寬高基礎上實現拉伸效果,而無法實現縮放到小於寬高的效果。

  [注意]IE瀏覽器不支持resize屬性

resize

  resize與overflow關系緊密,只有當元素的overflow屬性值不是visible時,resize才會起作用

  [注意]因為文本框本身就具有overflow:auto的屬性,所以自帶resize屬性

  值: none | both | horizontal | vertical

  初始值: none

  應用於: 塊級元素、替換元素、表單元格

  繼承性: 無

none: 用戶無法調整元素尺寸
both: 用戶可調整元素的寬度和高度
horizontal: 用戶只可調整元素的寬度
vertical: 用戶只可調整元素的高度

  [注意]在win7下resize拖拽區域的大小是17px*17px,實際上它就是滾動條尺寸


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM