border-image-outset

語法:

border-image-outset:[ <length> | <number> ]{1,4}

預設值0

適用於:所有元素,除table元素設定了border-collapse屬性值為collapse之外

繼承性:無

動畫性:否

計算值:數字或者絕對長度

媒 體:視覺

取值:

<length>
用長度值指定邊框圖片向外偏移的距離。不允許負值。
<number>
用浮點數指定邊框圖片向外偏移的距離。該值表示為border-width的倍數,若值為2,則使用值為2 * border-width。不允許負值。

說明:

定義邊框圖片從邊框邊界向外偏移的距離。
  • 該屬性接受1~4個參數值,如果提供全部四個參數值,將按上、右、下、左的順序作用於四邊;提供三個,第一個用於上,第二個用於左、右,第三個用於下;提供兩個,第一個用於上、下,第二個用於左、右;只提供一個,同時作用於四邊。
  • 該屬性用於指定邊框圖片向外偏移的距離,如果值為10px,則圖片在原本的基礎上往外延展10px再顯示,但並不會影響布局,因為它本身並不占據布局空間。這有點類似outline-offset
  • 對應的腳本特性為:borderImageOutset

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 10.0 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 40.0+
11.0+

示例: