Style backgroundRepeat Property

<สไตล์วัตถุ

ตัวอย่าง

ตั้งค่าภาพพื้นหลังจะไม่มีการทำซ้ำ:

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

ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง

ความหมายและการใช้งาน

ชุด backgroundRepeat ทรัพย์สินหรือผลตอบแทนที่วิธีการทำซ้ำ (tile) พื้นหลังภาพ

สนับสนุนเบราว์เซอร์

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน

คุณสมบัติ
backgroundRepeat	1.0	4.0	1.0	1.0	3.5

วากยสัมพันธ์

กลับ backgroundRepeat ทรัพย์สิน:

object .style.backgroundRepeat

ตั้ง backgroundRepeat ทรัพย์สิน:

ค่าทรัพย์สิน

ความคุ้มค่า	ลักษณะ
repeat	ภาพพื้นหลังซ้ำแล้วซ้ำอีกได้ทั้งแนวตั้งและแนวนอน นี้จะเริ่มต้น
repeat-x	ภาพพื้นหลังซ้ำแล้วซ้ำอีกเพียงตามแนวนอน
repeat-y	ภาพพื้นหลังซ้ำแล้วซ้ำอีกเพียงแนวตั้ง
no-repeat	พื้นหลังภาพไม่ซ้ำ
initial	ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น
inherit	สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก

รายละเอียดทางเทคนิค

ราคาเริ่มต้น:	ทำซ้ำ
กลับค่า:	เชือกคิดเป็นวิธีการที่ภาพพื้นหลังซ้ำแล้วซ้ำอีก
CSS รุ่น	CSS1

ตัวอย่างอื่น ๆ

ตัวอย่าง

เปลี่ยน backgroundRepeat ทรัพย์สินขององค์ประกอบ DIV ระบุ

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

ลองตัวเอง»

ตัวอย่าง

ตั้งค่าภาพพื้นหลังที่จะทำซ้ำแนวนอนหรือแนวตั้ง:

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

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

ลองตัวเอง»