คุณสมบัติ borderImageSlice ของ Style
- หน้าก่อน
- หน้าต่อไป
- กลับไปยังชั้นบน HTML DOM Style 对象
คำนิยามและการใช้งาน
borderImageSlice คุณสมบัติกำหนดการเคลื่อนไหวภายในของรูปแบบของภาพ
ดูเพิ่มเติมที่
คู่มือ CSSเครื่องมือ border-image-slice
ตัวอย่าง
กำหนดการเคลื่อนไหวภายในของรูปแบบของภาพ
document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
สัญญาณ
คืนค่าคุณสมบัติ borderImageSlice：
object.style.borderImageSlice
ตั้งค่าคุณสมบัติ borderImageSlice：
object.style.borderImageSlice = "number|%|fill|initial|inherit"
ค่าของคุณสมบัติ
| ค่า | คำอธิบาย |
|---|---|
| number | ตัวเลข แสดงค่าพิกเซล (ถ้าเป็นรูปภาพแบบราสเซล) หรือตัวเลขเชิงเส้น (ถ้าเป็นรูปภาพเชิงเส้น) |
| % |
อัตราส่วนเปอร์เซ็นต์เกี่ยวกับขนาดของรูปภาพ: ความกว้างของรูปภาพส่งผลที่การเคลื่อนไหวตายตรงแนวนอน ความสูงส่งผลที่การเคลื่อนไหวตายตรงแนวตั้ง ค่าเริ่มต้นคือ 100% |
| fill | รักษาส่วนกลางของรูปแบบของเขตตาแบบ |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น initial。 |
| inherit | จากองค์ประกอบพ่อของเขา ที่มีคุณสมบัตินี้ inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น | 100% |
|---|---|
| ค่าที่ได้รับมา | ข้อความ สำหรับองค์ประกอบ เครื่องมือ border-image-slice。 |
| เวอร์ชัน CSS： | CSS3 |
โปรแกรมนี้สนับสนุน
ตัวเลขในตารางนี้ระบุว่าสำหรับบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | 11.0 | สนับสนุน | 6.0 | 15.0 |
โปรดตรวจสอบ คุณสมบัติ borderImage!
- หน้าก่อน
- หน้าต่อไป
- กลับไปยังชั้นบน HTML DOM Style 对象
