El valor CSS está representado por <número> que toma un número entero como parámetro o un número con un componente fraccionario. Pueden ser utilizados por el símbolo (+) o (-). El número puede ser positivo o negativo. Todos los dígitos del número son del 0 al 9 y todos son de tipo numérico.
Sintaxis:
<number>
Nota: Ninguna unidad asociada a números.
Ejemplos de números válidos
23, +90, -76, 0.56, 34.67, 10e4, -4.6e-2
Ejemplos de números inválidos
23., -+45, 45.7.6
Ejemplo 1: El siguiente ejemplo demuestra la aplicación de opacidad a cualquier elemento.
<!DOCTYPE html>
<html>
<head>
<style>
img {
opacity: 0.5;
}
</style>
</head>
<body>
<h1>GeeksforGeeks Logo</h1>
<p>
The opacity property specifies
the transparency of an element.
It takes a number as parameter.
The lower the value, the image
is more transparent
</p>
<img src=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png"
alt="GFG" width="170" height="100">
</body>
</html>
Producción:
Ejemplo 2: El siguiente ejemplo muestra la propiedad de opacidad con algún valor modificado.
<!DOCTYPE html>
<html>
<head>
<style>
img {
opacity: .11;
}
</style>
</head>
<body>
<h1>GeeksforGeeks Logo</h1>]
<p>
The opacity property specifies
the transparency of an element.
It takes a number as parameter.
The lower the value, the image
is more transparent:
</p>
<img src=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png"
alt="GFG" width="170" height="100">
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por vipinyadav15799 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA