Thuộc tính background-repeat CSS

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

background-repeat Cài đặt thuộc tính và cách lặp lại ảnh nền.

Mặc định, ảnh nền được lặp lại theo cả hướng ngang và dọc.

Mô tả chi tiết

Thuộc tính background-repeat định nghĩa chế độ lặp lại của hình ảnh.

Bắt đầu từ hình ảnh ban đầu, hình ảnh ban đầu được background-image Định nghĩa và dựa trên background-position đặt giá trị.

Xem thêm:

Hướng dẫn CSS:BGCSS

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

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

Mô hình

body
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

Thử ngay

Lưu ý và ghi chú

Lưu ý:Vị trí của ảnh nền được thiết lập bởi thuộc tính background-position. Nếu không quy định thuộc tính background-position, hình ảnh sẽ được đặt ở góc trên cùng bên trái của yếu tố.

Ngôn ngữ CSS

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

Giá trị thuộc tính

Giá trị thuộc tính

Giá trị Mô tả
repeat Mặc định. Ảnh nền sẽ được lặp lại theo cả hướng ngang và dọc.
repeat-x Ảnh nền sẽ được lặp lại theo hướng ngang.
repeat-y Ảnh nền sẽ được lặp lại theo hướng dọc.
no-repeat Ảnh nền sẽ chỉ hiển thị một lần.
inherit Định nghĩa rằng thuộc tính background-repeat của yếu tố cha nên được kế thừa.

Chi tiết kỹ thuật

Giá trị mặc định: repeat
Di truyền: no
Phiên bản: CSS1
Ngôn ngữ JavaScript: object.style.backgroundRepeat="repeat-y"

Các ví dụ khác

Cách lặp lại ảnh nền theo hướng dọc
Ví dụ này minh họa cách lặp lại ảnh nền theo hướng dọc.
Cách lặp lại ảnh nền theo hướng ngang
Ví dụ này minh họa cách lặp lại ảnh nền theo hướng ngang.
Cách chỉ hiển thị một lần ảnh nền
Ví dụ này minh họa cách chỉ hiển thị một lần ảnh nền.

Hỗ trợ trình duyệt

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

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5