ตัวอย่าง
วางเส้นขอบนอกขอบของ <div> องค์ประกอบ:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ borderImageOutset หรือผลตอบแทนที่ได้ปริมาณโดยที่พื้นที่ภาพชายแดนขยายเกินกล่องชายแดน
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการ borderImageOutset ไม่สนับสนุนในโรงละครโอเปร่า
สถานที่ให้บริการ borderImageOutset ไม่สนับสนุนใน Internet Explorer 10 และก่อนหน้านี้
สถานที่ให้บริการ borderImageOutset ไม่สนับสนุนใน Safari 5 และก่อนหน้านี้
ดูที่ borderImage คุณสมบัติแทน!
วากยสัมพันธ์
กลับ borderImageOutset ทรัพย์สิน:
object .style.borderImageOutset
ตั้ง borderImageOutset ทรัพย์สิน:
object .style.borderImageOutset=" Note: คุณสมบัติ borderImageOutset ระบุจำนวนเงินที่พื้นที่ภาพชายแดนขยายเกินกล่องชายแดน ด้านบนขวาด้านล่างและด้านข้างซ้าย หากมูลค่าที่สี่ถูกละไว้ก็เป็นเช่นเดียวกับที่สอง หากหนึ่งในสามยังถูกละไว้ก็เป็นเช่นเดียวกับครั้งแรก ถ้าคนที่สองยังถูกละไว้ก็เป็นเช่นเดียวกับครั้งแรก ค่าลบไม่ได้รับอนุญาตใด ๆ ของค่า borderImageOutset ค่าทรัพย์สิน
ความคุ้มค่า ลักษณะ length หน่วยความยาวระบุว่าห่างไกลจากขอบชายแดนภาพจะปรากฏขึ้น ค่าเริ่มต้นคือ 0 number แทนหลายรายการที่สอดคล้องกันชายแดนที่มีความกว้าง initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: 0 กลับค่า: สตริงที่เป็นตัวแทนของขอบภาพเริ่มทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: border-image-outset property
<สไตล์วัตถุ