Chỉ định vị trí hình ảnh nền với CSS background-origin

Thuộc tính CSS background-origin dùng để chỉ định vị trí của hình ảnh nền. Thử chạy mã sau:

Ví dụ

<html>
<head>
  <style>
    #demo {
      border: 5px dashed red;
      padding: 10px;
      background-image: url("https://www.tutorialspoint.com/css/images/css-mini-logo.jpg");
      background-origin: content-box;
    }
  </style>
</head>
<body>
  <div id="demo">
    <h1>www.tutorialspoint.com</h1>
    <p>Website www.tutorialspoint.com thuộc sở hữu và được duy trì bởi Tutorials Point India Private Limited, từ nay gọi là "chúng tôi", "của chúng tôi", "chúng tôi", hoặc "công ty". Tất cả khách truy cập, người dùng, học viên, người đóng góp, giáo viên, và giảng viên được gọi là "người dùng"; và website tutorialspoint.com được gọi là "website" khắp tài liệu này. Chúng tôi cam kết bảo vệ quyền riêng tư trực tuyến của bạn. Chính sách này giải thích thông tin chúng tôi thu thập từ bạn hoặc bạn chia sẻ khi truy cập website. Chúng tôi xem xét chính sách theo thời gian, nên bạn nên kiểm tra phiên bản mới nhất.</p>
  </div>
</body>
</html>