คุณสมบัติ borderImageSource สไตล์
- หน้าก่อนหน้า
- หน้าต่อไป
- กลับไปหน้าเดิม ตัวเรียน HTML DOM Style
คำอธิบายและการใช้งาน
borderImageSource ตั้งค่าคุณสมบัติที่ใช้ภาพ ไม่ใช่รูปแบบเขตตรงขอบที่ให้โดยคุณสมบัติ border-style
คำเตือน：ถ้าค่าเป็น "none"หรือภาพไม่สามารถแสดงออกได้ จะใช้รูปแบบเขตตรงขอบ
ดูเพิ่มเติมที่
คู่มือ CSS：ตัวแปร border-image-source
ตัวอย่าง
ใช้ภาพเป็นเขตตรงขอบขององค์ประกอบ div：
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
ศัพท์
คืนค่า borderImageSource ตัวแปร：
object.style.borderImageSource
ตั้งค่า borderImageSource ตัวแปร：
object.style.borderImageSource = "none|image|initial|inherit"
ค่าของคุณสมบัติ
| ค่า | รายละเอียด |
|---|---|
| none | จะไม่ใช้ภาพใดๆ |
| image | รายละเอียดทางเนื้อเปลือกของภาพที่ใช้เป็นเขตตรงขอบ |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。 |
| inherit | จากองค์ประกอบพ่อของตัวนี้ ที่สืบทอดคุณสมบัตินี้ โปรดดู inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น： | none |
|---|---|
| ค่าที่คืนค่ามา | ตัวแปรแบบข้อความ，ที่แสดงถึง ตัวแปร border-image-source。 |
| เวอร์ชัน CSS： | CSS3 |
โปรแกรมบราวเซอร์สนับสนุน
ตัวเลขในตารางบอกว่าเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | 11.0 | สนับสนุน | 6.0 | 15.0 |
โปรดดู คุณสมบัติ borderImage!
- หน้าก่อนหน้า
- หน้าต่อไป
- กลับไปหน้าเดิม ตัวเรียน HTML DOM Style
