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