Home
/
背景の指定
/ 背景画像の並び方の指定 :
background-repeat
背景画像の並び方の指定 :
background-repeat
::: 書 式 :::
background-repeat
: 並び方
::: プロパティ値 :::
並び方には、下記の値を指定します。
repeat (初期値:縦横に敷き詰める)
repeat-x (横方向のみ並べる)
repeat-y (縦方向のみ並べる)
no-repeat (ひとつだけ表示)
::: 解 説 :::
「
background-repeat
」プロパティで、指定した背景画像の並び方を設定します。
::: 対応ブラウザ :::
IE
Firefox
Opera
Chrome
Safari
8
7
6
5.5
5
3.5
3
2
1.5
1
10
9
8
7
6
2
1
4
3
2
1
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
[ 対応状況 : ○=対応、△=一部対応、×=未対応 ]
::: サンプル :::
[ サンプル画面
]
スタイルシート(CSS) = 背景画像の並び方の指定 =
スタイルシート(CSS) = 背景画像の並び方の指定 =
「background-repeat: repeat」を指定
「background-repeat: repeat-x」を指定
「background-repeat: repeat-y」を指定
「background-repeat: no-repeat」を指定
</body> </html>
関連項目
CSSの基本
CSS機能別プロパティ一覧
CSSインデックス
背景の指定
background
background-color
background-image
background-repeat
background-position
background-attachment
Copyright (C) 2009 Html-Labs All Rights Reserved.