Để đặt vùng định vị của hình nền trong JavaScript, hãy sử dụng backgroundOrigin tài sản.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách đặt vùng định vị của hình ảnh cho nền -
<!DOCTYPE html>
<html>
<head>
<style>
#box {
border: 2px dashed yellow;
padding: 35px;
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 area of background image</button>
<div id="box">
This is Demo Text! This is Demo Text! This is Demo Text!
This is Demo Text! This is Demo Text!
</div>
<script>
function display() {
document.getElementById("box").style.backgroundOrigin = "content-box";
}
</script>
</body>
</html>