resize属性怎么用

2024-01-17 14:06 小编

css3resize属性

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

说明:Firefox、Chrome以及Safari支持resize属性。

语法:

resize:none|both|horizontal|vertical;

none:用户无法调整元素的尺寸。

both:用户可调整元素的高度和宽度。

horizontal:用户可调整元素的宽度。

vertical:用户可调整元素的高度。

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

css3resize属性的使用示例

<!DOCTYPEhtml>

<html>

<head>

<style>

div

{

border:2pxsolid;

padding:10px40px;

width:300px;

resize:both;

overflow:auto;

}

</style>

</head>

<body>

<div>resize属性规定是否可由用户调整元素尺寸。</div>

<p><b>注释:</b>Firefox4+、Safari以及Chrome支持resize属性。</p>

</body>

</html>


image.png



Tag: 怎么
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码