Nền phong cách
Thí dụ
Đặt hình nền thành không lặp lại:
document.body.style.backgroundRepeat = "repeat-y";
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính backgroundRepeat đặt hoặc trả về cách lặp lại (xếp) một hình nền.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
backgroundRepeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Cú pháp
Trả lại thuộc tính nền
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: | nói lại |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho cách một hình nền được lặp lại |
Phiên bản CSS | CSS1 |
Các ví dụ khác
Thí dụ
Thay đổi thuộc tính backgroundRepeat của một phần tử DIV được chỉ định:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";
Thí 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";
}
Thí dụ
Trả lại giá trị nền-lặp lại của tài liệu:
alert(document.body.style.backgroundRepeat);
Các trang liên quan
Hướng dẫn CSS: Nền CSS
Tham chiếu CSS: thuộc tính background-position
Tham chiếu CSS: thuộc tính background-repeat
Tham chiếu DOM HTML: thuộc tính nền