The CSS revert value – setting the default value for CSS properties

DanielApril 26, 2021

Have you ever been in the position to search for what CSS property has inherited from where so that you know how to revert it to its default stage?

Well, look no further! The revert CSS value does exactly this. It reverts a specific CSS property to its default user-agent style sheet value (meaning that it makes it as if you would not have applied any CSS at all to it).

Considering the following code:

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p class="default">Fusce sit amet luctus mi.</p>

p {
    background-color: darkblue;
    color: orange;
}

You can apply it so that you will reset just one specific property:

p.default {
    background-color: revert;
}

Or you can reset all the properties in conjunction with all:

p.default {
    background-color: revert;
}

Happy reverting, folks! 😀