background-origin

語法:

background-origin<box> [ , <box> ]*

<box> = border-box | padding-box | content-box

預設值padding-box

適用於:所有元素

繼承性:無

動畫性:否

計算值:指定值

媒 體:視覺

取值:

border-box:
從border區域(含border)開始顯示背景圖片。
padding-box:
從padding區域(含padding)開始顯示背景圖片。
content-box:
從content區域開始顯示背景圖片。

說明:

指定的背景圖片計算background-position時的參考原點(位置)。
  • 對應的腳本特性為:backgroundOrigin

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
9.0+
Multiple background origin 8.0
9.0+

示例: