สไตล์borderImageSourceคุณสมบัติ
ตัวอย่าง
ใช้รูปภาพเป็นเส้นขอบรอบองค์ประกอบ div:
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
ความหมายและการใช้งาน
คุณสมบัติ borderImageSource ตั้งค่าหรือส่งคืนรูปภาพที่จะใช้ แทนที่จะเป็นสไตล์เส้นขอบที่กำหนดโดยคุณสมบัติสไตล์เส้นขอบ
เคล็ดลับ:หากค่าเป็น "ไม่มี" หรือหากไม่สามารถแสดงรูปภาพได้ ระบบจะใช้ลักษณะเส้นขอบ
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
borderImageSource | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
ดู คุณสมบัติ borderImageแทน!
ไวยากรณ์
ส่งคืนคุณสมบัติ borderImageSource:
object.style.borderImageSource
ตั้งค่าคุณสมบัติ borderImageSource:
object.style.borderImageSource = "none|image|initial|inherit"
มูลค่าทรัพย์สิน
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | ไม่มี |
---|---|
คืนมูลค่า: | สตริงที่แสดงถึงคุณสมบัติ border-image-source ขององค์ประกอบ |
เวอร์ชัน CSS | CSS3 |
หน้าที่เกี่ยวข้อง
การอ้างอิง CSS: border-image-source property