CSS3 ชายแดนภาพซ้ำคุณสมบัติ
ตัวอย่าง
ตั้งค่าโหมดการทำซ้ำของภาพ:
ขอบภาพแหล่งที่มา: 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