ตัวอย่าง
ระบุวิธีการที่จะทำซ้ำภาพพรมแดน:
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
<สไตล์วัตถุ