CSS Value | Initial
Last Updated :
24 Aug, 2022
The initial value keyword is used to set an element’s CSS property to its default value.
The initial keyword can be used for any CSS property, and on any HTML element.
Syntax:
property_name: initial;
Example 1: setting font size
html
<!DOCTYPE html>
< html >
< meta charset="utf-8">
< head >
< title >CSS | value unset</ title >
</ head >
< style >
span {
color: blue;
}
.gfg {
color: unset;
}
</ style >
< body >
< h1 style="text-align: center; color: green;">
GeeksforGeeks
</ h1 >
< div style="text-align: center;">
< span class="gfg">Font color unset</ span >
</ div >
</ body >
</ html >
|
Output:
Example 2: Unsetting the font color to equivalent parent element’s value.
html
<!DOCTYPE html>
< html >
< meta charset="utf-8">
< head >
< title >CSS | value unset</ title >
</ head >
< style >
span {
color: blue;
}
.gfg {
color: unset;
}
</ style >
< body >
< h1 style="text-align: center; color: green;">
GeeksforGeeks
</ h1 >
< div style="text-align: center; color: green;">
< span class="gfg">
Font color unset inherited from parent div
</ span >
</ div >
</ body >
</ html >
|
Output:
Supported Browsers:
- Chrome 1
- Safari 1.2
- Edge 13
- Firefox 19
- Opera 15
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...