Articles → CSS → CSS Initial Keyword

CSS Initial Keyword

In this article, we will discuss CSS initial keyword.

Purpose

Sets the default value of a CSS property.

Syntax

Css-property-name:initial;

Example

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<style>
       div {
           color:red;
       }
       p {
           color:initial;
       }
   </style>
	</head>
	<body>
		<div>
        This is a div
       
			<p>
           This is a paragraph
       </p>
		</div>
	</body>
</html>

In the above code, paragraph tag is inside the div tag. Color of div is set to red using CSS. So, by default, the color of paragraph should be red.

But using the initial keyword, we have set the color of paragraph to its default color i.e. black.

Output

Click to Enlarge

Browser Support

Internet Explorer	Firefox	Chrome	Safari	Opera	Edge
12.0	19.0	1.0	1.2	15.0	Yes

Posted By -	Karan Gupta

Posted On -	Monday, October 30, 2017

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**