initial property

Image Tutorials

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

1 /* give headers a green border */
2 h2 bordermedium solid green }
3 /* but make those in the sidebar use the value of the "color" property */
4 #sidebar h2 border-color: initial; }
1 <p style="color:red">
2    this text is red
3       <em style="color:initial">
4          this text is in the initial color (e.g. black)
5       </em>
6    this is red again
7 </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)
Rate article