Some elements may have properties with the inherited value or values from their parent elements.

The value that gets inherited is taken from the element's computed value. In such a case, the parent element's computed value becomes child element's both, specified and computed value.

Inheritance also works on any descendant that has a property with defined inheritance or assigned (enforced) via the value inherit. The inherit is usually used to enforce inheritance of values that are not normally (by default) inherited.

Example

CSS inherited values example:

 

›› go to examples ››