pelicin › web › CSS

Initial

The initial value sets a property value to the specification's default/initial value. Usually, it's the same as resetting the value to the browser's default value.

<div id="initial-example">
  <p>Lorem ipsum dolor sit amet</p>
  <p>Lorem ipsum dolor sit amet</p>
  <p class="initial">Back to browser's default!</p>
</div>

<div id="initial-example">
  <p>Lorem ipsum dolor sit amet</p>
  <p>Lorem ipsum dolor sit amet</p>
  <p class="initial">Back to browser's default!</p>
</div>

#initial-example {
  color: red;
  font-family: monospace;
}
#initial-example .initial {
  color: initial;
  font-family: initial;
}

#initial-example {
  color: red;
  font-family: monospace;
}
#initial-example .initial {
  color: initial;
  font-family: initial;
}

| LIVE PREVIEW

Lorem ipsum dolor sit amet

Back to browser's default!

References

initial (MDN) — https://developer.mozilla.org/en-US/docs/Web/CSS/initial
Getting Acquainted with Initial (CSS-Tricks) — https://css-tricks.com/getting-acquainted-with-initial/