css resize属性


  翻译结果:

resize

英 [ˌri:ˈsaɪz]   美 [,ri'saɪz]  

v.调整大小

css resize属性语法

resize是什么意思?

resize是CSS中的一个属性,用来规定是否可由用户调整元素的尺寸;需要和overflow 属性一起使用。

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

语法:resize: none|both|horizontal|vertical;

说明:none    用户无法调整元素的尺寸。    both    用户可调整元素的高度和宽度。    horizontal    用户可调整元素的宽度。    vertical    用户可调整元素的高度。    

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

css resize属性示例

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
border:2px solid;
padding:10px 40px; 
width:300px;
resize:both;
overflow:auto;
}
</style>
</head>
<body>
<div>resize 属性规定是否可由用户调整元素尺寸。</div>
<p><b>注释:</b> Firefox 4+、Safari 以及 Chrome 支持 resize 属性。</p>
</body>
</html>
运行实例 »

点击 "运行实例" 按钮查看在线实例

首页

视频

问答