CSS Properties: How to sets the property to its initial value?

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

Solution:

HTML Code:

<!DOCTYPE html><!-- Declaration of HTML5 document type -->
<html>
<head>
<title>How to sets the property to its initial value</title><!-- Title of the HTML document -->
<style>/* CSS style start*/
body {
background: url("https://www.w3resource.com/images/w3resource-logo.png"); /* Setting background image for the body */
background-repeat:no-repeat; /* Setting background repeat property to "no-repeat" */
background-size:initial; /* Setting background size property to its initial value */
}
</style>
</head>
<body>
<p>The background-size CSS property sets the initial value of its property.</p><!-- Paragraph content -->
</body>
</html>

Explanation:

This HTML document demonstrates how to set the background size property to its initial value.
The CSS style block defines styling for the body element.
The background image used in this example is the w3resource logo.
background-repeat:no-repeat; is used to set the background repeat property to "no-repeat", which means the background image will not be repeated.
background-size:initial; is used to set the background size property to its initial value, which will typically depend on the default behavior of the browser or the user agent.
The HTML content consists of a paragraph explaining the purpose of the background-size CSS property.

Live Demo:

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

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	Yes

Go to Exercise page