A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://www.w3resource.com/html-css-exercise/css-properties/background-size.php below:

Website Navigation


CSS Properties: How to specify the size of a background image

CSS Properties - Basic Exercises, Practice, SolutionLast update on June 20 2025 13:04:12 (UTC/GMT +8 hours)

[An editor is available at the bottom of the page to write and execute the scripts.]

22. How to specify the size of a background image?

HTML Code:

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS background-size Properties</title>
</head>
<body>
</body>
</html>

Try it in the following editor or see the solution.

a. How to set the background image default value?

b. How to set the width and height of the background image?

c. How to sets the width and height of the background image in percent of the parent element?

d. How to scale the background image to be as large as possible so that the background area is completely covered by the background image?

e. How to scale the image to the largest size such that both its width and its height can fit inside the content area?

f. How to sets this property to its initial value?

Go to:

PREV : How to repeat background image?
NEXT : How to sets all the border properties in one declaration?

See the Pen html css common editor by w3resource (@w3resource) on CodePen.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4