Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App
geeksforgeeks
Browser
Continue

Related Articles

CSS | unset keyword

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

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>
          
        <!-- Parent elements -->
        <div class="container">
   
            <!-- Child elements -->
            <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

 


My Personal Notes arrow_drop_up
Last Updated : 24 Aug, 2022
Like Article
Save Article
Similar Reads
Related Tutorials