Skip to content
Related Articles
Open in App
Not now

Related Articles

CSS | unset keyword

Improve Article
Save Article
  • Last Updated : 24 Aug, 2022
Improve Article
Save 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
Related Articles

Start Your Coding Journey Now!