# Inheritance

## Inheritance <a href="#inheritance" id="inheritance"></a>

When no value is specified for a property, the value of the parent element property can be inherited as part of the defaulting process. It’s worth noting however that not all property values are automatically inherited. For example, developers likely wouldn’t want a width property to be inherited by child elements for a layout.

### Controlling Inheritance <a href="#controlling-inheritance" id="controlling-inheritance"></a>

Developers can assign special property values in order to control inheritance if needed.

`inherit` will trigger the inheritance of the computed value of its parent element and can be applied to any CSS property.

`initial` applies the initial or default value of a property as set by the browser.

`unset` resets the property to its inherited value if available or to its initial value if not. `unset` can be thought of as a conditional combination of `inherit` and `initial`

`revert` is a newer option but not widely supported by major browsers. It will rollback the value of a property to the value it would have if no changed had been made within the context of its origin.
