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