คำแนะนำหลักสูตร

คุณสมบัติ Style borderImageRepeat

คำนิยามและการใช้งาน คุณสมบัติ borderImageRepeat

ดูเพิ่มเติม

คู่มือ CSSคุณสมบัติ border-image-repeat

ตัวอย่าง

กำหนดวิธีที่จะทำให้รูปภาพของขอบนั้นซ้ำ (repeated)、ทำให้เต็ม (rounded) หรือขยาย (stretched)

document.getElementById("myDIV").style.borderImageRepeat = "round";

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

ศัพท์

กลับค่าคุณสมบัติ borderImageRepeat:

object.style.borderImageRepeat

ตั้งค่าคุณสมบัติ borderImageRepeat:

object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"

ค่าคุณสมบัติ

ค่า คำอธิบาย
stretch ค่าเริ่มต้น รูปภาพถูกขยายในการที่จะกระจายพื้นที่นี้
repeat รูปภาพถูกทำนอง (ซ้ำ) ในการที่จะกระจายพื้นที่นี้
round

รูปภาพถูกทำนอง (ซ้ำ) ในการที่จะกระจายพื้นที่นี้

ถ้าไม่ใช้จำนวนแบบบล็อคที่เต็มที่เพื่อที่จะกระจายพื้นที่นี้ จะเปลี่ยนขนาดรูปภาพให้เหมาะกับพื้นที่
space

รูปภาพถูกทำนอง (ซ้ำ) ในการที่จะกระจายพื้นที่นี้

ถ้าไม่ใช้จำนวนแบบบล็อคที่เต็มที่เพื่อที่จะกระจายพื้นที่นี้ พื้นที่เกินจะถูกแจกแจงรอบบล็อค
initial จะทำให้คุณสมบัตินี้กลับไปที่ค่าเริ่มต้น โปรดดู initial.
inherit จะทำให้คุณสมบัตินี้ได้รับมาจากตัวปลอมของเรื่องที่มีอยู่ โปรดดู inherit.

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

ค่าเริ่มต้น: stretch
ค่าที่กลับมา: ตัวอักษรสาย，แสดงถึง คุณสมบัติ border-image-repeat.
เวอร์ชั่น CSS： CSS3

โปรแกรมบราวเซอร์สนับสนุน

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน 11.0 สนับสนุน 6.0 15.0

ดูข้อมูล คุณสมบัติ borderImage.