El valor INITIAL

El valor initial de la propiedad CSS tiene la funcionalidad de establecer el valor predeterminado del elemento HTML.

El valor initial es usada para establecérsele a una propiedad CSS su valor predeterminado, es decir, fuerza a la Propiedad CSS a que se le establezca el valor predeterminado del navegador web del usuario y/o visitante, y anulara cualquier valor que se la haya establecido previamente.

El valor initial es un "keyword" o "Palabra Reservada" del lenguaje CSS. Lo que significa que su escritura en el códido CSS debe ser estrictamente como es esta "cadena de caracteres".

El valor initial es permitido para usarse en cualquier Propiedad CSS, y en cualquier Elemento HTML. Esto incluye la propiedad abreviada del CSS llamada all, con la cual se puede usar el valor initial para restaurar todas las Propiedades CSS a su estado predeterminado.

Nota: En propiedades CSS con valores heredados, el valor initial puede tener un comportamiento inesperado. En su lugar, debería considerar utilizar otros valores "reservados" como: inherit, unset o revert.

Sintaxis CSS

nombre_propiedad : initial ;

Ejemplos de uso

Código CSS:

h2 { border: medium solid red }
aside h2 { border-color: initial; }

Código HTML:

<body>
  <h2>Título h2 en raiz</h2>
  <main>
    <h2>Título h2 en main</h2>
  </main>
  <aside>
    <h2>Título h2 en aside</h2>
  </aside>
</body>

Muestra:

Título h2 en Raiz

Título h2 en main

Explicación:

La primera regla CSS establece que todas las etiquetas h2 se visualizara con con un borde de ancho medio, solido y en color rojo.
- Por esta razón: Los 2 primeros Títulos de encabezado tanto en raíz como los anidados en el elemento HTML main son visualizados así.
La segunda regla CSS establece que todas las etiquetas h2 anidadas dentro del elemento aside, el color del borde será initial, es decir, será el color predeterminado del navegador web del visitante.
- Por esta razón: El tercer Título de encabezado h2 es visualizado en el color negro en la mayoría de los casos

Sintaxis JavaScript

objecto.style.nombre_propiedad = "initial"