ตัวอย่าง
ระบุการชดเชยภายในของภาพที่พรมแดน:
document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
ลองตัวเอง» ความหมายและการใช้งาน
คุณสมบัติ borderImageSlice ระบุชดเชยภายในของภาพที่พรมแดน
สนับสนุนเบราว์เซอร์
คุณสมบัติ borderImageSlice จะไม่ได้รับการสนับสนุนในโรงละครโอเปร่า
คุณสมบัติ borderImageSlice จะไม่ได้รับการสนับสนุนใน Internet Explorer 10 และก่อนหน้านี้
คุณสมบัติ borderImageSlice จะไม่ได้รับการสนับสนุนใน Safari 5 และก่อนหน้านี้
ดูที่ borderImage คุณสมบัติแทน!
วากยสัมพันธ์
กลับ borderImageSlice ทรัพย์สิน:
object .style.borderImageSlice
ตั้ง borderImageSlice ทรัพย์สิน:
object .style.borderImageSlice=" ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ number ตัวเลขแสดงพิกเซลในภาพ (if the image is a raster image) หรือพิกัดเวกเตอร์ (if the image is a vector image) % เปอร์เซ็นต์เป็นญาติกับขนาดของภาพ: ความกว้างของภาพสำหรับการชดเชยแนวนอนสูงสำหรับการชดเชยในแนวตั้ง ค่าเริ่มต้นเป็น 100% fill สาเหตุส่วนตรงกลางของเส้นขอบภาพเพื่อที่จะรักษา initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: 100% กลับค่า: สตริงที่เป็นตัวแทนของขอบภาพชิ้นทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: border-image-slice property
<สไตล์วัตถุ