css中zoom是什么意思?

zoom这个属性是ie专有属性,除了设置或者检索对象的缩放比例之外,它还有可以触发ie的haslayout属性,清除浮动,清除margin重叠等作用。

zoom这个属性是ie专有属性,主要用来设置或者检索对象的缩放比例。

zoom

语法:

zoom:normal | <number> | <percentage>

默认值:normal

适用于:所有元素

继承性:有

动画性:是

计算值:绝对长度

取值:

  • normal:使用对象的实际尺寸。

  • <number>:用浮点数来定义缩放比例。不允许负值

  • <percentage>:用百分比来定义缩放比例。不允许负值

说明:

设置或检索对象的缩放比例。

对应的脚本特性为zoom。

示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>

<style>
body{line-height:1.5;}
h1{margin:0;font-size:16px;font-family:Arial;}
.test{zoom:normal;}
.test2{zoom:5;}
.test3{zoom:300}
</style>
</head>
<body>
<h1>zoom:normal</h1>
<div>zoom:normal</div>

<h1>zoom:5</h1>
<div>zoom:5</div>

<h1>zoom:300lt;/h1>
<div>zoom:300lt;/div>
</body>
</html>

效果图:

推荐学习:CSS视频教程(公益免费)

以上就是css中zoom是什么意思?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读