La palabra clave de valor inicial se utiliza para establecer la propiedad CSS de un elemento en su valor predeterminado.
La palabra clave inicial se puede utilizar para cualquier propiedad CSS y en cualquier elemento HTML.
Sintaxis:
property_name: initial;
Ejemplo 1: configuración del tamaño de fuente
<!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