<!DOCTYPE html>
<html>
<head>
<title>Kết hợp các giá trị của thuộc tính background-origin trong CSS</title>
<style>
div {
background-image: url(https://webmoi.vn/thumuc/bg-cay.png), url(https://webmoi.vn/thumuc/bg-nho.jpg);
border: 10px dashed red;
padding: 25px;
background-repeat: no-repeat;
color:red;
margin-bottom:15px;
}
</style>
</head>
<body>
<h1>Kết hợp các giá trị của thuộc tính background-origin trong CSS</h1>
<div style="background-origin: content-box, padding-box;">
<p>background-origin: content-box, padding-box;</p>
</div>
<div style="background-origin: content-box, border-box;">
<p>background-origin: content-box, border-box;</p>
</div>
<div style="background-origin: content-box, content-box;">
<p>background-origin: content-box, content-box;</p>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Kết hợp các giá trị của thuộc tính background-origin trong CSS</title>
<style>
div {
background-image: url(https://webmoi.vn/thumuc/bg-cay.png), url(https://webmoi.vn/thumuc/bg-nho.jpg);
border: 10px dashed red;
padding: 25px;
background-repeat: no-repeat;
color:red;
margin-bottom:15px;
}
</style>
</head>
<body>
<h1>Kết hợp các giá trị của thuộc tính background-origin trong CSS</h1>
<div style="background-origin: content-box, padding-box;">
<p>background-origin: content-box, padding-box;</p>
</div>
<div style="background-origin: content-box, border-box;">
<p>background-origin: content-box, border-box;</p>
</div>
<div style="background-origin: content-box, content-box;">
<p>background-origin: content-box, content-box;</p>
</div>
</body>
</html>