สไตล์borderImageSliceคุณสมบัติ
ตัวอย่าง
ระบุการชดเชยขาเข้าของขอบภาพ:
document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
ความหมายและการใช้งาน
คุณสมบัติ borderImageSlice ระบุการชดเชยขาเข้าของเส้นขอบรูปภาพ
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
borderImageSlice | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
ดู คุณสมบัติ borderImageแทน!
ไวยากรณ์
ส่งคืนคุณสมบัติ borderImageSlice:
object.style.borderImageSlice
ตั้งค่าคุณสมบัติ borderImageSlice:
object.style.borderImageSlice = "number|%|fill|initial|inherit"
มูลค่าทรัพย์สิน
Value | Description |
---|---|
number | Numbers represent pixels in the image (if the image is a raster image) or vector coordinates (if the image is a vector image) |
% | Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. Default value is 100% |
fill | Causes the middle part of the border-image to be preserved |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | 100% |
---|---|
คืนมูลค่า: | สตริงที่แสดงถึงคุณสมบัติ border-image-slice ขององค์ประกอบ |
เวอร์ชัน CSS | CSS3 |
หน้าที่เกี่ยวข้อง
การอ้างอิง CSS: border-image-slice คุณสมบัติ