Các giá trị của thuộc tính background-origin trong CSS

Các giá trị của thuộc tính background-origin trong CSS

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>Các giá trị của thuộc tính background-origin trong CSS</title>
<style>
div {
  background-image: url(https://webmoi.vn/thumuc/ceo-bui-tan-luc.jpg);
  border: 10px dashed red;
  padding: 25px;
  background-repeat: no-repeat;
  color:red;
  margin-bottom:15px;
}
</style>
</head>
<body>

<h1>Các giá trị của thuộc tính background-origin trong CSS</h1>

<div style="background-origin: padding-box;">
 <p>background-origin: padding-box (background trong border-top và border-left)</p>
</div>

<div style="background-origin: border-box;">
 <p>background-origin: border-box (background phủ tất cả border)</p>
</div>

<div style="background-origin: content-box;">
 <p>background-origin: content-box (background trong border-top và border-left và trong padding-top và padding-left)</p>
</div>

</body>
</html>
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