記述形式 | background-repeat : repeat | repeat-x | repeat-y | no-repeat ; | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
適用 | all elements | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
使用方法 |
要素の背景画像の並びを設定する。 当然のことながら background-image と同時指定します。 repeat : デフォルト。背景全てに画像を並べる。 repeat-x : 背景の横方向に画像を並べる。 repeat-y : 背景の縦方向に画像を並べる。 no-repeat : 背景画像を1つだけ使用する。 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
実行例 背景画像 ![]() |
<TABLE BORDER> <TR> <TD STYLE=" background-image:url(ie.gif); background-repeat:repeat ">コメント</TD> </TR> </TABLE>
<TABLE BORDER> <TR> <TD STYLE=" background-image:url(ie.gif); background-repeat:repeat-x ">コメント</TD> </TR> </TABLE>
<TABLE BORDER> <TR> <TD STYLE=" background-image:url(ie.gif); background-repeat:repeat-y ">コメント</TD> </TR> </TABLE>
<TABLE BORDER> <TR> <TD STYLE=" background-image:url(ie.gif); background-repeat:no-repeat ">コメント</TD> </TR> </TABLE>
※ 認識しやすいように color を設定しています。
また、CSS1 では TD タグにスタイルを設定することは定義されてませんが、
背景画像の状態を認識しやすいように あえて設定しました。
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
サポート ブラウザ |
|