Definition and Usage
The initial CSS keyword applies the initial value of a property to an element. It is allowed on every CSS property and causes the element for which it is specified to use the initial value of the property.
Examples
/* give headers a green border */ h2 { border: medium solid green } /* but make those in the sidebar use the value of the "color" property */ #sidebar h2 { border-color: initial; }
<p style="color:red"> this text is red <em style="color:initial"> this text is in the initial color (e.g. black) </em> this is red again </p>
Compatibility
Desktop browsers
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 1.0 | (3.5)-moz 19.0 (19.0) | Not supported | Not supported | 1.2(125) |
Mobile browsers
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 1.0 | 3.0 (3.0)-moz 169.0 (169.0) | Not supported | Not supported | (Yes) |