background-repeat

語法:

background-repeat<repeat-style> [ , <repeat-style> ]*

<repeat-style> = repeat-x | repeat-y | [repeat | no-repeat | space | round]{1,2}

預設值repeat

適用於:所有元素

繼承性:無

動畫性:否

計算值:指定值

媒 體:視覺

取值:

repeat-x:
背景圖片在橫向上平鋪
repeat-y:
背景圖片在縱向上平鋪
repeat:
背景圖片在橫向和縱向平鋪
no-repeat:
背景圖片不平鋪
round:
當背景圖片不能以整數次平鋪時,會根據情況縮放圖片。(CSS3)
space:
當背景圖片不能以整數次平鋪時,會用空白間隙填充在圖片周圍。(CSS3)

說明:

定義元素的背景圖片如何填充。
  • 該屬性接受1~2個參數值,如果提供兩個參數值,第一個用於橫向,第二個用於縱向;提供一個,則同時應用於橫向與縱向,特殊值repeat-x和repeat-y除外,因為repeat-x相當於repeat no-repeat,repeat-y相當於no-repeat repeat,即其實repeat-x和repeat-y等價於提供了2個參數值
  • 對應的腳本特性為:backgroundRepeat

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
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+
2個參數值
spaceround關鍵字
Multiple background repeat
8.0
9.0+

示例: