Kết hợp các giá trị của thuộc tính background-origin trong CSS

Kết hợp các giá trị của thuộc tính background-origin trong CSS

Kết hợp các giá trị của thuộc tính background-origin trong CSS

Tự code rồi chạy thử... Chạy Thử
<!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>
Kết hợp các giá trị của thuộc tính background-origin trong CSS nằm trong bài viết Thuộc tính background-origin trong CSS