Thuộc tính backgroundRepeat của CSS

定義和用法

backgroundRepeat Cách đặt hoặc trả về cách lặp lại (tường trang) ảnh nền.

Xem thêm:

Kiểu thức HTML:Thuộc tính background

Hướng dẫn CSS:Bối cảnh CSS

Hướng dẫn CSS3:Background CSS3

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

Mô hình

Ví dụ 1

Đặt ảnh nền để không lặp lại (no-repeat):

document.body.style.backgroundRepeat = "repeat-y";

Thử ngay

Ví dụ 2

Thay đổi thuộc tính backgroundRepeat của DIV được chỉ định:

document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";

Thử ngay

Ví dụ 3

Đặt ảnh nền để lặp lại theo chiều ngang hoặc dọc:

function repeatVer() {
  document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
  document.body.style.backgroundRepeat = "repeat-x";
}

Thử ngay

Ví dụ 4

Trả về giá trị background-repeat của tài liệu:

alert(document.body.style.backgroundRepeat);

Thử ngay

Cú pháp

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

object.style.backgroundRepeat

Đặt thuộc tính backgroundRepeat:

object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
repeat Ảnh nền được lặp lại theo chiều dọc và ngang. Mặc định.
repeat-x Ảnh nền chỉ được lặp lại theo chiều ngang.
repeat-y Ảnh nền chỉ được lặp lại theo chiều dọc.
no-repeat Ảnh nền không được lặp lại.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Kế thừa 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: repeat
Giá trị trả về: Chuỗi biểu thị cách ảnh nền được lặp lại.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

backgroundRepeat Là tính năng CSS1 (1996).

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ợ Hỗ trợ