CSS定義 - background-repeat重複背景圖

CSS版本: CSS1.0 

瀏覽器: 主要瀏覽器都支援  

參數：

• inherit - 繼承parent元件的定義
• no-repeat - 不進行重複顯示，背景圖只使用一次，其餘空間保持空白
• repeat-x - 水平空間以重複顯示方式填滿，垂直空間則只顯示一次
• repeat-y - 垂直空間以重複顯示方式提滿，水平空間則只顯示一次
• repeat - 預設值，全部空間都重複顯示到填滿為止

範例：

<table width="300px" border="1">
 <tr>
  <td>
   <div style="background-image: url('ie.gif'); height: 200px"></div>
  </td>
  <td>
   <div style="background-image: url('ie.gif'); height: 200px; background-repeat: no-repeat">
   </div>
  </td>
 </tr>
 <tr>
  <td>
   <div style="background-image: url('ie.gif'); height: 200px; background-repeat: repeat-x">
   </div>
  </td>
  <td>
   <div style="background-image: url('ie.gif'); height: 200px; background-repeat: repeat-y">
   </div>
  </td>
 </tr>
</table>

結果：

Background-Repeat是搭配BackgroundImage使用，單獨使用沒有意義。