Rumah > Artikel > hujung hadapan web > css resize属性怎么用
css resize属性怎么用
- 青灯夜游asal
- 2019-05-29 15:51:502973semak imbas
css resize属性用于指定一个元素是否是由用户调整大小的。如果希望此属性生效，需要设置元素的 overflow 属性，值可以是 auto、hidden 或 scroll。
css resize属性怎么用？
resize 属性规定是否可由用户调整元素的尺寸。
语法：
resize: none|both|horizontal|vertical;
属性值：
● none：用户无法调整元素的尺寸。
● both：用户可调整元素的高度和宽度。
● horizontal：用户可调整元素的宽度。
● vertical：用户可调整元素的高度。
注释：如果希望此属性生效，需要设置元素的 overflow 属性，值可以是 auto、hidden 或 scroll。
css resize属性 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<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>效果图：
Atas ialah kandungan terperinci css resize属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css quotes属性怎么用Artikel seterusnya：css rotation属性怎么用