ตัวอย่าง
ระบุภาพเป็นชายแดนรอบหนึ่ง <div> องค์ประกอบ:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round"; ลองตัวเอง» ความหมายและการใช้งาน
คุณสมบัติ borderImage เป็นสถานที่ให้บริการจดชวเลขสำหรับการตั้งค่า borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset และ borderImageRepeat คุณสมบัติ
ค่างดถูกตั้งค่าให้เป็นค่าเริ่มต้น
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
ตามด้วยหมายเลข Webkit, Moz หรือ O ระบุรุ่นแรกที่ทำงานร่วมกับคำนำหน้า
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| borderImage | 16.0 4.0 Webkit | 11.0 | 15.0 3.5 Moz | 6.0 3.1 Webkit | 15.0 11.0 O |
วากยสัมพันธ์
กลับ borderImage ทรัพย์สิน:
object .style.borderImage
ตั้ง borderImage ทรัพย์สิน:
object .style.borderImage=" ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ borderImageSource เส้นทางไปยังภาพที่จะใช้เป็นเส้นขอบ borderImageSlice ชดเชยภายในของภาพที่พรมแดน borderImageWidth ความกว้างของภาพที่พรมแดน borderImageOutset ปริมาณโดยที่พื้นที่ภาพชายแดนขยายเกินกล่องชายแดน borderImageRepeat ไม่ว่าจะเป็นภาพชายแดนควรจะซ้ำกลมหรือยืด initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: ไม่มี 100% 1 0 ยืด กลับค่า: สตริงตัวแทนชายแดนภาพทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: border-image property
<สไตล์วัตถุ