1. Home
  2. พื้นหลังซ้ำ CSS คุณสมบัติ

บทช่วยสอน พื้นหลังซ้ำ CSS คุณสมบัติ ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,คำจำกัดความและคำแนะนำการแท็ก,สนับสนุนเบราว์เซอร์,เคล็ดลับและคำอธิบาย,มูลค่าทรัพย์สิน,ตัวอย่างออนไลน์,บทความที่เกี่ยวข้อง,

พื้นหลังซ้ำ CSS คุณสมบัติ

ตัวอย่าง

เฉพาะแนวตั้งซ้ำภาพพื้นหลัง:

body
{
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 อ้างอิง: คุณสมบัติพื้นหลังตำแหน่ง

บทแนะนำยอดนิยม

Contact US

พื้นหลังซ้ำ CSS คุณสมบัติ
10/30