CSSinherit Keyword
Example
Set the text-color for <span> elements to blue, except those inside elements with:
span{
color: blue;
}
.extra span{
color: inherit;
}
Try it Yourself »color: blue;
}
.extra span{
color: inherit;
}
Definition and Usage
Theinherit keyword specifies that a property should inherit its value from its parent element.
Theinherit keyword can be used for any CSS property, and on any HTML element.
| Version: | CSS3 |
|---|---|
| JavaScript syntax: | object.style.property="inherit"Try it |
Browser Support
The numbers in the table specifies the first browser version that fully supports the inherit keyword.
| Keyword | |||||
|---|---|---|---|---|---|
| inherit | 1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
CSS Syntax
property: inherit;
Related Pages
CSS initial Keyword:initial keyword

