Thuộc tính backgroundOrigin

Định nghĩa và cách sử dụng

backgroundOrigin Thuộc tính này quy định thuộc tính background-position được định vị so với vị trí nào.

Ghi chú:Nếu thuộc tính background-attachment của hình ảnh nền là "fixed"nếu thuộc tính background-attachment của hình ảnh nền là

Mẫu

Định vị hình ảnh nền so với khung nội dung:

document.getElementById("myDIV").style.backgroundOrigin = "content-box";

Thử ngay

Cú pháp

Trả về thuộc tính backgroundOrigin:

object.style.backgroundOrigin

Đặt thuộc tính backgroundOrigin:

object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
padding-box Giá trị mặc định. Hình ảnh nền được định vị so với khung viền trong.
border-box Hình ảnh nền được định vị so với khung viền.
content-box Hình ảnh nền được định vị so với khung nội dung.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Di chuyển thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: padding-box
Giá trị trả về: Chuỗi, biểu thị phần tử Thuộc tính background-origin.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

backgroundOrigin Là tính năng CSS3 (1999).

Tất cả các trình duyệt đều hỗ trợ nó hoàn toàn:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ 11

Trang liên quan

Tài liệu tham khảo CSS:Thuộc tính background-origin