Skip to main content

Css Initial Example


The initial CSS keyword applies the initial (or default) value of a property to an element. It can be applied to any CSS property. This includes the CSS shorthand all, with which initial can be used to restore all CSS properties to their initial state.

On inherited properties, the initial value may be unexpected. You should consider using the inherit, unset, or revert keywords instead.


Examples


Using initial to reset color for an element


HTML

<p>
<span>This text is red.</span>
<em>This text is in the initial color (typically black).</em>
<span>This is red again.</span>
</p>

CSS

p {
color: red;
}

em {
color: initial;
}

Result


Specifications


Specification Status Comment
CSS Cascading and Inheritance Level 4
The definition of 'initial' in that specification.
Candidate Recommendation No changes from Level 3.
CSS Cascading and Inheritance Level 3
The definition of 'initial' in that specification.
Recommendation Initial definition.

Browser compatibility








































DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebView AndroidChrome AndroidFirefox for AndroidOpera AndroidSafari on IOSSamsung Internet
initial
1
13

19

1-24

No
15
1.2
1
18

19

4-24

14
1
1.0

See also




Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable