CSS | unset keyword
Last Updated :
24 Aug, 2022
The CSS unset keyword is an inbuilt keyword in CSS. The CSS unset keyword is an inbuilt keyword in CSS which has been used to unset the cascading style to its parent element. It behaves like the inherit keyword in the first case, and like the initial keyword in the second case
Syntax:
property: unset;
Below example illustrates the unset keyword in CSS:
Example:
html
<!DOCTYPE html>
<html>
<head>
<title>CSS unset keyword</title>
<style>
/* Color for all the child in parent element */
div {
color: green;
}
/* Specific b and p element color */
b, p {
color: black;
}
/* Performing revert for child */
.rvt {
color: unset;
}
</style>
</head>
<body>
<div class="container">
<h1>GeeksforGeeks</h1>
<b>A Computer Science Portal for Geeks</b>
<p>I'm not assign in unset</p>
<p class="rvt">I'm assign in unset</p>
</div>
</body>
</html>
|
Output:
Supported Browsers: The browsers supported by CSS unset keyword are listed below:
- Chrome 41
- Mozilla Firefox 27
- Microsoft Edge 13
- Opera 28
- Safari 9.1
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...