Để đặt kích thước của hình nền trong JavaScript, hãy sử dụng backgroundSize bất động sản. Nó cho phép bạn đặt kích thước hình ảnh cho nền.
Ví dụ
Bạn có thể thử chạy mã sau để tìm hiểu cách đặt kích thước của hình nền:
<!DOCTYPE html>
<html>
<head>
<style>
#box {
border: 2px dashed blue;
width: 600px;
height: 400px;
background: url('https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg') no-repeat;
}
</style>
</head>
<body>
<button onclick="display()">Set size of background image</button>
<div id="box">
</div>
<script>
function display() {
document.getElementById("box").style.backgroundSize = "150px 200px";
}
</script>
</body>
</html>