Skip to content
Related Articles

Related Articles

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 :