Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

CSS | unset keyword

  • Last Updated : 19 Apr, 2021

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: 
 

  • Mozilla Firefox
  • Internet Explorer/ Microsoft Edge

 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!