Para anular el valor de un elemento, se utiliza la palabra clave unset .
La palabra clave CSS unset restablece una propiedad de un elemento a su valor heredado si la propiedad hereda naturalmente de su padre, o a su valor inicial si no hereda. En otras palabras, se comporta como la palabra clave heritage en el primer caso, si la propiedad se hereda, y como la palabra clave initial en el segundo caso, si la propiedad no se hereda.
Sintaxis:
property_name: unset;
Ejemplo 1: desestablecer el color de fuente de un elemento al valor predeterminado inicial.
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>CSS | value unset</title>
</head>
<style>
span {
color: blue;
}
.gfg {
color: unset;
}
</style>
<body>
<h1 style="text-align: center; color: green;">
GeeksforGeeks
</h1>
<div style="text-align: center;">
<span class="gfg">Font color unset</span>
</div>
</body>
</html>
Producción:
Ejemplo 2: anular la configuración del color de la fuente al valor del elemento principal equivalente.
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>CSS | value unset</title>
</head>
<style>
span {
color: blue;
}
.gfg {
color: unset;
}
</style>
<body>
<h1 style="text-align: center; color: green;">
GeeksforGeeks
</h1>
<div style="text-align: center; color: green;">
<span class="gfg">
Font color unset inherited from parent div
</span>
</div>
</body>
</html>
Producción:
Navegadores compatibles:
- Cromo
- Safari
- Borde
- Firefox
- Ópera