CSS ต้นฉบับภาพเขตติดขอบ

การรับรองและการใช้งาน

border-image-source กำหนดรูปภาพที่ต้องการใช้ แทนรูปแบบขอบเบื้องที่กำหนดโดย border-style。

คำเตือน:หากค่าเป็น "none" หรือหากรูปภาพไม่สามารถแสดงให้เห็นได้ ใช้รูปแบบขอบเบื้อง。

ดูเพิ่มเติมที่:

ตัวอบรม CSS3:CSS3 ขอบเขต

ตัวอย่าง

ใช้รูปภาพเพื่อรายล้อมขอบของ element div:

div
{
border-image-source: url(border.png);
}

ระบบการใช้งาน CSS

border-image-source: none|image;

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

ค่า คำอธิบาย
none ไม่ใช้รูปภาพ。
image รายละเอียดรายลึกของการใช้รูปภาพเป็นขอบเบื้องของแถวของ

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

ค่าเริ่มต้น: none
การสืบทอด: no
เวอร์ชัน: CSS3
ระบบการใช้งาน JavaScript: object.style.borderImageSource="url(border.png)"

การสนับสนุนของเบราเซอร์

ตัวเลขในตารางชี้ถึงสัญญาณการใช้งานของเบราเซอร์ที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

ดูเพิ่มเติม border-image คุณสมบัติ。