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

CSS3 ชายแดนภาพซ้ำคุณสมบัติ

ตัวอย่าง

ตั้งค่าโหมดการทำซ้ำของภาพ:

div {
ขอบภาพแหล่งที่มา: URL ( border.png);
ขอบภาพซ้ำ: ทำซ้ำ;
}

ลอง»

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

ขอบภาพซ้ำแอตทริบิวต์ว่าขอบเขตภาพควรจะซ้ำ (ซ้ำ) แรงดึง (ยืด) หรือในที่ร่ม (กลม)

เคล็ดลับ: คุณสามารถดู เส้นขอบภาพ สถานที่ให้บริการ (ทรัพย์สินที่ใช้ในการจดชวเลขการตั้งค่าทั้งหมดชายแดน-อิมเมจเฉพาะบล็อกคุณสมบัติ *)

เริ่มต้น: ยืด
ที่รับมา: ไม่
ภาพเคลื่อนไหว: ไม่มี. ดู animatable
เวอร์ชัน: CSS3
ไวยากรณ์ javascript: วัตถุ .style.borderImageRepeat = "รอบ"ลอง


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

ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนรุ่นของเหตุการณ์นี้

คุณสมบัติ
ขอบภาพซ้ำ 15.0 11.0 15.0 6.0 15.0


CSS ไวยากรณ์

ขอบภาพซ้ำ: ยืด | ซ้ำ | รอบ | เริ่มต้น | สืบทอด;

หมายเหตุ: คุณลักษณะนี้ระบุว่าการขยายและรูปแบบของขอบและส่วนตรงกลางของกรอบของภาพที่ดังนั้นคุณสามารถระบุค่าสองค่า ถ้าค่าที่สองถูกละไว้และเป็นครั้งแรกที่จะใช้ค่าเดียวกัน

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

ความคุ้มค่า ลักษณะ ตัวอย่าง
ยืด ผิดนัด ยืดภาพเพื่อเติมเต็มพื้นที่ ดูตัวอย่าง»
ทำซ้ำ กระเบื้อง (ซ้ำ) เพื่อเติมเต็มพื้นที่ภาพ ดูตัวอย่าง»
รอบ ค่าซ้ำที่คล้ายกัน ถ้าคุณไม่สามารถดำเนินการปูกระเบื้องภาพทุกภาพจะถูกลดขนาดให้พอดีกับพื้นที่ ดูตัวอย่าง»
ช่องว่าง ค่าซ้ำที่คล้ายกัน ถ้าคุณไม่สามารถดำเนินการภาพกระเบื้องทั้งหมดขยายพื้นที่จะกระจายรอบ ๆ ภาพ
แรกเริ่ม ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น ดูครั้งแรก ดูตัวอย่าง»
สืบทอด สถานที่แห่งนี้จะรับมาจากองค์ประกอบหลัก ดูได้รับมรดก


หน้าเว็บที่เกี่ยวข้อง

CSS3 กวดวิชา: ชายแดน CSS3

CSS อ้างอิง: คุณสมบัติชายแดนภาพ

อ้างอิง CSS: ขอบภาพซ้ำคุณสมบัติ

อ้างอิง CSS: ขอบภาพ Slice สถานที่ให้บริการ

อ้างอิง CSS: ชายแดนที่มาของภาพสถานที่ให้บริการ

CSS อ้างอิง: ชายแดนกว้างแอตทริบิวต์ภาพ

HTML DOM อ้างอิง: คุณสมบัติ borderImageRepeat

CSS3 ชายแดนภาพซ้ำคุณสมบัติ
10/30