คุณสมบัติ background-repeat CSS

การกำหนดและการใช้งาน

background-repeat การตั้งค่าของคุณสมบัติเพื่อระบุว่าภาพจะถูกซ้ำต่อเนื่องหรือไม่

โดยเริ่มต้น ภาพ배경จะถูกซ้ำต่อเนื่องทั้งตามแนวนอนและตามแนวตั้ง。

รายละเอียด

คุณสมบัติ background-repeat กำหนดโมดูล์การทำนอนของภาพ。

จากภาพต้นแบบเริ่มต้นที่ background-image กำหนด background-position ค่าที่จัดให้ตั้ง

ดูเพิ่มเติมที่：

ตัวอย่าง CSSCSS พื้นหลัง

คู่มือ CSSคุณสมบัติ background-position

คู่มือเอชทีเอ็มแอลดอมคุณสมบัติ backgroundRepeat

ตัวอย่าง

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

ลองด้วยตัวเอง

คำแนะนำและหมายเหตุ

คำแนะนำ：ตำแหน่งของภาพ배경จะถูกกำหนดโดยคุณสมบัติ background-position ถ้าไม่มีการกำหนดคุณสมบัติ background-position ภาพจะถูกจัดให้ตั้งอยู่ที่มุมบนซ้ายขององค์ประกอบ。

ระบบภาษา CSS：

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

ค่าของคุณสมบัติ

ค่าของคุณสมบัติ

ค่า คำอธิบาย
repeat ค่าเริ่มต้น。ภาพ배경จะถูกซ้ำต่อเนื่องตามแนวตั้งและนอน。
repeat-x ภาพ배경จะถูกซ้ำต่อเนื่องตามแนวนอน。
repeat-y ภาพ배경จะถูกซ้ำต่อเนื่องตามแนวตั้ง。
no-repeat ภาพ배경จะถูกแสดงเฉพาะครั้งเดียว。
inherit กำหนดให้มีการสืบทอดค่าการตั้งค่าของคุณสมบัติ background-repeat จากองค์ประกอบพ่อ。

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

ค่าเริ่มต้น： repeat
การสืบทอด： no
เวอร์ชั่น： CSS1
ระบบทางภาษาของจาวาสคริปต์： object.style.backgroundRepeat="repeat-y"

ตัวอย่างเพิ่มเติม

วิธีการทำให้ภาพ배경ซ้ำต่อเนื่องตามแนวตั้ง
ตัวอย่างนี้แสดงว่าวิธีการทำให้ภาพ배경ซ้ำต่อเนื่องตามแนวตั้ง。
วิธีการทำให้ภาพ배경ซ้ำต่อเนื่องตามแนวนอน
ตัวอย่างนี้แสดงว่าวิธีการทำให้ภาพ배경ซ้ำต่อเนื่องตามแนวนอน。
วิธีการแสดงภาพ배경เฉพาะครั้งเดียว
ตัวอย่างนี้แสดงว่าวิธีการแสดงภาพ배경เฉพาะครั้งเดียว。

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

ตัวเลขในตารางระบุสำหรับเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

เชโรม์ แอนด์เจด ไฟร็อกซ์ เซฟาฟาย ออเปร่า
เชโรม์ IE / แอนด์เจด ไฟร็อกซ์ เซฟาฟาย ออเปร่า
1.0 4.0 1.0 1.0 3.5