CSS resize 属性

CSS resize 属性允许控制一个元素的可调整大小。


实例

规定可以由用户调整 div 元素的大小:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. div
  6. {
  7. border:2px solid;
  8. padding:10px 40px;
  9. width:300px;
  10. resize:both;
  11. overflow:auto;
  12. }
  13. </style>
  14. </head>
  15. <body>
  16. <div>resize 属性规定是否可由用户调整元素尺寸。</div>
  17. <p><b>注释:</b> Firefox 4+、Safari 以及 Chrome 支持 resize 属性。</p>
  18. </body>
  19. </html>

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

带 -moz- 的数字表示使用前缀的首个版本。

属性
resize4.079.05.04.0 -moz-4.015.0

定义和用法

resize 属性规定是否可由用户调整元素的尺寸。

注释:如果希望此属性生效,需要设置元素的 overflow 属性,值可以是 auto、hidden 或 scroll。不能是 visible

默认值:none
继承性:no
版本:CSS3
JavaScript 语法:object.style.resize="both"

语法

  1. resize: none|both|horizontal|vertical;
描述
none用户无法调整元素的尺寸。
both用户可调整元素的高度和宽度。
horizontal用户可调整元素的宽度。
vertical用户可调整元素的高度。

相关页面

CSS3 教程:CSS3 用户界面

分类导航