ตัวอย่าง
ระบุวิธีการที่จะทำซ้ำภาพพรมแดน:
document.getElementById("myDIV").style.borderImageRepeat = "round"; ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ borderImageRepeat หรือผลตอบแทนไม่ว่าจะเป็นภาพชายแดนควรจะซ้ำกลมหรือยืด
สนับสนุนเบราว์เซอร์
![]()
![]()
![]()
![]()
![]()
คุณสมบัติ borderImageRepeat จะไม่ได้รับการสนับสนุนในโรงละครโอเปร่า
คุณสมบัติ borderImageRepeat จะไม่ได้รับการสนับสนุนใน Internet Explorer 10 และก่อนหน้านี้
คุณสมบัติ borderImageRepeat จะไม่ได้รับการสนับสนุนใน Safari 5 และก่อนหน้านี้
ดูที่ borderImage คุณสมบัติแทน!
วากยสัมพันธ์
กลับ borderImageRepeat ทรัพย์สิน:
object .style.borderImageRepeat
ตั้ง borderImageRepeat ทรัพย์สิน:
object .style.borderImageRepeat="stretch|repeat|round|initial|inherit"
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| stretch | ค่ามาตรฐาน ภาพถูกยืดเพื่อเติมเต็มพื้นที่ |
| repeat | ภาพกระเบื้อง (repeated) เพื่อเติมเต็มพื้นที่ |
| round | ภาพกระเบื้อง (repeated) เพื่อเติมเต็มพื้นที่ ถ้ามันไม่ได้เติมพื้นที่ที่มีจำนวนทั้งหมดของกระเบื้องภาพจะถูกปรับขนาดเพื่อให้มันพอดี |
| space | ภาพกระเบื้อง (repeated) เพื่อเติมเต็มพื้นที่ ถ้ามันไม่ได้เติมพื้นที่ที่มีจำนวนทั้งหมดของกระเบื้องพื้นที่พิเศษมีการกระจายรอบกระเบื้อง |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | ยืด |
|---|---|
| กลับค่า: | สตริงตัวแทนชายแดนภาพซ้ำทรัพย์สินขององค์ประกอบ |
| CSS รุ่น | CSS3 |
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: border-image-repeat property
<สไตล์วัตถุ