Style borderImageOutset 属性
- หน้าก่อนหน้า
- หน้าต่อไป
- กลับไปยังชั้นบน เป้าหมาย HTML DOM Style
实例
将边框放在
元素的边缘之外:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
语法
返回 borderImageOutset 属性:
object.style.borderImageOutset
设置 borderImageOutset 属性:
object.style.borderImageOutset = "length|number|initial|inherit"
注释:borderImageOutset
属性规定边框图像超出边框盒的量。在上、右、下、左侧。如果忽略第四个值,则与第二个值相同。如果省略第三个值,则与第一个值相同。如果省略第二个值,则与第一个值相同。不允许任何负值作为 border-image-outset 值。
ค่าที่ใช้ในตัวแปร
ค่า | รายละเอียด |
---|---|
length | หน่วยความยาว,กำหนดระยะทางที่ขอบตัวกราฟิกจะปรากฏขึ้น ค่าเริ่มต้น 0 |
number | ระบุค่าเท่ากับเท่ากับครึ่งหนึ่งของ border-width |
initial | ตั้งค่าตัวแปรนี้เป็นค่าเริ่มต้นของมัน โปรดดู initial。 |
inherit | ทำให้ตัวแปรนี้มีค่าเดียวกับค่าโดยแท้จริงของตัวปลายตามอายุของเศษของมัน โปรดดู inherit。 |
รายละเอียดเทคนิค
ค่าเริ่มต้น: | 0 |
---|---|
ค่าที่คืนค่ามา: | ข้อความ,ระบุตำแหน่งของ ตัวแปร border-image-outset。 |
เวอร์ชั่น CSS: | CSS3 |
เบราเซอร์สนับสนุน
ตัวเลขในตารางระบุตอนที่เบราวเซอร์เริ่มสนับสนุนคุณสมบัตินี้อย่างเต็มที่
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
สนับสนุน | 11.0 | สนับสนุน | 6.0 | 15.0 |
โปรดดู ขอบเขต borderImage!
- หน้าก่อนหน้า
- หน้าต่อไป
- กลับไปยังชั้นบน เป้าหมาย HTML DOM Style