CSS border-image-outsetคุณสมบัติ
ตัวอย่าง
วางภาพเส้นขอบ 10 พิกเซลนอกขอบขอบขององค์ประกอบ:
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
ความหมายและการใช้งาน
คุณสมบัติborder-image-outset
ระบุจำนวนที่พื้นที่รูปภาพเส้นขอบขยายเกินกล่องเส้นขอบ
เคล็ดลับ:ดูคุณสมบัติborder-imageด้วย (คุณสมบัติชวเลขสำหรับการตั้งค่าคุณสมบัติ border-image-* ทั้งหมด)
ค่าเริ่มต้น: | 0 |
---|---|
รับการถ่ายทอด: | ไม่ |
เคลื่อนไหวได้: | ไม่. อ่านเกี่ยวกับแอนิเมชั่น |
รุ่น: | CSS3 |
ไวยากรณ์ JavaScript: | วัตถุ .style.borderImageOutset="10px" |
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
ไวยากรณ์ CSS
border-image-outset: length|number|initial|inherit;
หมายเหตุ:คุณสมบัติborder-image-outset
สามารถรับค่าได้ตั้งแต่หนึ่งถึงสี่ค่า (ด้านบน ด้านขวา ด้านล่าง และด้านซ้าย) หากละค่าที่สี่ ค่านั้นจะเป็นค่าเดียวกับค่าที่สอง หากละเว้นอันที่สามด้วย จะเป็นอันเดียวกับอันแรก หากละเว้นอันที่สองด้วย ก็จะเหมือนกับอันแรก
มูลค่าทรัพย์สิน
Value | Description | Play it |
---|---|---|
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 |
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: CSS Border Images
การอ้างอิง CSS: คุณสมบัติ border-image
การอ้างอิง CSS: border-image-repeat คุณสมบัติ
การอ้างอิง CSS: border-image-slice คุณสมบัติ
การอ้างอิง CSS: border-image-source property
การอ้างอิง CSS: คุณสมบัติ border-image-width
การอ้างอิง HTML DOM: borderImageOutset คุณสมบัติ