Thuộc tính background-origin CSS

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

background-origin Thuộc tính quy định background-position Thuộc tính định vị tương đối với vị trí nào.

Ghi chú:nếu hình ảnh nền của bạn background-attachment Thuộc tính là "fixednếu không có giá trị, thuộc tính này không có hiệu lực.

Xem thêm:

Giáo trình CSS:Bối cảnh CSSvàCSS 背景 (Cao cấp)

Tài liệu tham khảo HTML DOM:Thuộc tính backgroundOrigin

Mẫu

Định vị hình ảnh nền tương đối với khung nội dung:

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

Thử ngay

Ngữ pháp CSS

background-origin: padding-box|border-box|content-box;

Giá trị thuộc tính

Giá trị Mô tả Kiểm tra
padding-box Hình ảnh nền được định vị tương đối với khung viền trong. Kiểm tra
border-box Hình ảnh nền được định vị tương đối với khung viền. Kiểm tra
content-box Hình ảnh nền được định vị tương đối với khung nội dung. Kiểm tra

Chi tiết kỹ thuật

Giá trị mặc định: padding-box
Kế thừa: no
Phiên bản: CSS3
Ngữ pháp JavaScript: object.style.backgroundOrigin="content-box"

Hỗ trợ trình duyệt

Số liệu trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0 9.0 4.0 3.0 10.5