El tipo de datos CSS entero representa <entero> . Es un número entero que puede ser positivo (+) o negativo (-). El entero contiene uno o más dígitos entre 0 y 9. No se permite ningún valor decimal.
No se requieren unidades para representar un valor entero. Muchas propiedades de CSS toman valores enteros como índice z, altura de línea, recuento de columnas, incremento de contador, columna de cuadrícula, etc.
Entero válido
1, 29, 047, +67, +9086, -9821, -32
Entero no válido
1.08, -9.86, 9.9t, 4/3
Ejemplo 1:
html
<!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>
Producción
En este ejemplo, column-count toma como entrada un número entero.
Ejemplo 2:
html
<!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>
Producción
En este ejemplo, el índice z toma como entrada un número entero. Debido a que la imagen tiene un índice z de -1, se colocará detrás del encabezado.
Publicación traducida automáticamente
Artículo escrito por avengerjanus123 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA