CSS Properties: How to set color property to its default value?

Last update on February 16 2024 13:18:53 (UTC/GMT +8 hours)

Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
<title>How to set color property to its default value</title><!-- Set the title of the HTML document -->
<style>/* CSS style start*/
#xyz {
background: initial; /* Set the background color of the element with id="xyz" to its default value */
}
</style>
</head>
<body>
<div id="xyz">w3resource</div><!-- Display the text "w3resource" within a div element with id="xyz" -->
</body>
</html>

Explanation:

The CSS code sets the background color of the element with id="xyz" to its default value.
This means that the background color will be determined by the default styling rules of the browser or any other cascading styles applied to the element.

Live Demo:

See the Pen background-initial-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	No

Go to Exercise page