พื้นหลังซ้ำ CSS คุณสมบัติ
ตัวอย่าง
เฉพาะแนวตั้งซ้ำภาพพื้นหลัง:
{
background-image:url('paper.gif');
background-repeat:repeat-y;
}
ลอง»
คำจำกัดความและคำแนะนำการแท็ก
วิธีการตั้งค่าวัตถุกระเบื้องคุณสมบัติพื้นหลังภาพ
โดยค่าเริ่มต้นทำซ้ำภาพพื้นหลังแนวตั้งและแนวนอน
เริ่มต้น: | ทำซ้ำ |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS1 |
ไวยากรณ์ javascript: | วัตถุ object.style.backgroundRepeat = "ซ้ำ-Y" |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก
<Property | |||||
---|---|---|---|---|---|
background-repeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
ภาพพื้นหลังในหลายองค์ประกอบหนึ่ง IE8 และรุ่นก่อนหน้าของเบราว์เซอร์ไม่สนับสนุน
โปรดทราบว่า IE7 และรุ่นก่อนหน้าไม่สนับสนุน "สืบทอด (รับมรดก)" ค่าIE8 ต้องกำหนด! DOCTYPE สนับสนุน IE9 "สืบทอด (รับมรดก)."
เคล็ดลับและคำอธิบาย
เคล็ดลับ: คุณสมบัติพื้นหลังตำแหน่งที่จะตั้งตำแหน่งภาพพื้นหลังหากสถานที่ที่ระบุไม่มีพื้นฐานใด ๆ ภาพจะถูกวางไว้เสมอในมุมบนซ้ายขององค์ประกอบ
มูลค่าทรัพย์สิน
ความคุ้มค่า | คำอธิบาย |
---|---|
ทำซ้ำ | ภาพพื้นหลังจะทำซ้ำในแนวตั้งและแนวนอน นี้จะเริ่มต้น |
ซ้ำ-X | เฉพาะตำแหน่งแนวนอนของภาพพื้นหลังจะต้องทำซ้ำ |
ซ้ำ-Y | เพียงตำแหน่งแนวตั้งของภาพพื้นหลังจะต้องทำซ้ำ |
ไม่มีซ้ำ | ภาพพื้นหลังไม่ซ้ำ |
สืบทอด | ระบุการตั้งค่าแอตทริบิวต์พื้นหลัง repea ควรได้รับการสืบทอดมาจากองค์ประกอบหลัก |
ตัวอย่างออนไลน์
วิธีการทำซ้ำภาพพื้นหลังในทิศทางที่ตั้งและแนวนอน
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการทำซ้ำภาพพื้นหลังในทิศทางที่ตั้งและแนวนอน
วิธีการทำซ้ำภาพพื้นหลังเฉพาะในแนวนอน
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการทำซ้ำภาพพื้นหลังเพียงตามแนวนอน
วิธีการแสดงภาพพื้นหลังเพียงครั้งเดียว
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการแสดงภาพพื้นหลังไม่ซ้ำเพียงครั้งเดียว
บทความที่เกี่ยวข้อง
CSS Tutorial: CSS พื้นหลัง
คู่มือการใช้งาน CSS อ้างอิง: คุณสมบัติพื้นหลังตำแหน่ง