CSS |数值整数
CSS 数据类型整数代表 <整数> 。它是一个整数,可以是正(+)或负(-)。整数包含 0-9 之间的一个或多个数字。不允许使用十进制值。 表示整数值不需要单位。很多 CSS 属性都取整数值,比如 z 索引、行高、列数、计数器增量、网格列等等。 有效整数
1, 29, 047, +67, +9086, -9821, -32
无效整数
1.08, -9.86, 9.9t, 4/3
例 1:
超文本标记语言
<!DOCTYPE html>
<html>
<head>
<style>
.gfg {
column-count: 3;
}
</style>
</head>
<body>
<h1>CSS Value Integer</h1>
<div class="gfg">
CSS data type integer represents
<strong><integer > </strong>.
It is a whole number which can be positive(+)
or negative(-) .Integer contains one or more
than one digits between 0-9.No decimal value
is allowed . No units
are required to represent an integer value.
A lot of CSS properties take integer value
like z-index, line-height, column-count,
counter-increment, grid-column etc.
</div>
</body>
</html>
输出T2】
在本例中,列计数接受整数输入。 例 2:
超文本标记语言
<!DOCTYPE html>
<html>
<head>
<style>
img {
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
</style>
</head>
<body>
<h1>The z-index Property</h1>
<img src=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png"
width="100" height="140" />
</body>
</html>
输出T2】
在这个例子中,z-index 接受一个整数作为输入。因为图像的 z 索引为-1,所以它将被放在标题后面。
版权属于:月萌API www.moonapi.com,转载请注明出处