Is it possible to set the background image using the following properties in HTML? (These are properties used for iOS images, but I am unsure if there are similar ones in HTML):
Scale to Fill,
Aspect Fit,
Aspect Fill
https://i.stack.imgur.com/5X83I.jpg
In my code:
<!DOCTYPE html>
<html lang="en>
<head>
<meta charset="UTF-8>
<title>Title</title>
<style>
#div1 {
width:300px;
height:200px;
background: gray url(img/1.png);
}
</style>
</head>
<body>
<div id="div1">
</div>
</body>
</html>
The image appears as follows:
https://i.stack.imgur.com/dOnF7.png
However, the result looks like this with the image being trimmed: