Phong cách nềnLặp lại thuộc tính
Ví dụ
Đặt hình nền thành không lặp lại:
document.body.style.backgroundRepeat = "repeat-y";
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Sự miêu tả
Thuộc tính BackgroundRepeat đặt hoặc trả về cách lặp lại (xếp) hình nền.
Xem thêm:
Kiểu HTML: Thuộc tính nền
Hướng dẫn CSS: Nền CSS
Hướng dẫn CSS3: Nền CSS3
Tham khảo CSS: Thuộc tính lặp lại nền
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ị tài sản
Value | Description |
---|---|
repeat | The background image is repeated both vertically and horizontally. This is default |
repeat-x | The background image is only repeated horizontally |
repeat-y | The background image is only repeated vertically |
no-repeat | The background-image is not repeated |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | lặp lại |
---|---|
Giá trị trả về: | Một Chuỗi, thể hiện cách lặp lại hình nền |
Phiên bản CSS | CSS1 |
Hỗ trợ trình duyệt
backgroundRepeat
là một tính năng CSS1 (1996).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | Yes |
Thêm ví dụ
Ví dụ
Thay đổi thuộc tính BackgroundRepeat của phần tử DIV đã chỉ định:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";
Hãy tự mình thử »Ví dụ
Đặt hình nền để lặp lại theo chiều ngang hoặc chiều dọc:
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
}
Hãy tự mình thử »Ví dụ
Trả về giá trị lặp lại nền của tài liệu:
alert(document.body.style.backgroundRepeat);
Hãy tự mình thử »