สไตล์borderImageOutsetคุณสมบัติ
ตัวอย่าง
วางเส้นขอบนอกขอบของ <div> องค์ประกอบ:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
ความหมายและการใช้งาน
คุณสมบัติ borderImageOutset ตั้งค่าหรือส่งคืนจำนวนเงินที่พื้นที่รูปภาพเส้นขอบขยายเกินกล่องเส้นขอบ
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
borderImageOutset | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
ดู คุณสมบัติ borderImageแทน!
ไวยากรณ์
ส่งคืนคุณสมบัติ borderImageOutset:
object.style.borderImageOutset
ตั้งค่าคุณสมบัติ borderImageOutset:
object.style.borderImageOutset = "length|number|initial|inherit"
หมายเหตุ:คุณสมบัติ borderImageOutset ระบุจำนวนที่พื้นที่รูปภาพเส้นขอบขยายเกินกล่องเส้นขอบ ที่ด้านบน ด้านขวา ด้านล่าง และด้านซ้าย หากละค่าที่สี่ ค่านั้นจะเป็นค่าเดียวกับค่าที่สอง หากละเว้นอันที่สามด้วย จะเป็นอันเดียวกับอันแรก หากละเว้นอันที่สองด้วย ก็จะเหมือนกับอันแรก ค่าลบไม่ได้รับอนุญาตสำหรับค่า borderImageOutset ใดๆ
มูลค่าทรัพย์สิน
Value | Description |
---|---|
length | A length unit specifying how far from the edges the border-image will appear. Default value is 0 |
number | Represent multiples of the corresponding border-width |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | 0 |
---|---|
คืนมูลค่า: | สตริงที่แสดงถึงคุณสมบัติ border-image-outset ขององค์ประกอบ |
เวอร์ชัน CSS | CSS3 |
หน้าที่เกี่ยวข้อง
การอ้างอิง CSS: border-image-outset คุณสมบัติ