BACKGROUND : background-repeat



記述形式 background-repeat : repeat | repeat-x | repeat-y | no-repeat ;
適用 all elements
使用方法 要素の背景画像の並びを設定する。
当然のことながら background-image と同時指定します。

repeat : デフォルト。背景全てに画像を並べる。
repeat-x : 背景の横方向に画像を並べる。
repeat-y : 背景の縦方向に画像を並べる。
no-repeat : 背景画像を1つだけ使用する。
実行例

背景画像
    :ie.gif
<TABLE BORDER> <TR>
<TD STYLE="background-image:url(ie.gif); background-repeat:repeat">
コメント</TD> </TR> </TABLE>
CSS とは Cascading Style Sheet の略で、今までの HTML では不可能だった ドキュメント中のオブジェクトのレイアウトを自由に扱えるものです。 まぁ 自由といってもスタティックなもので、ダイナミックに扱いたい場合は JavaScript 等のスクリプト言語と組み合わせて使うと可能です。

<TABLE BORDER> <TR>
<TD STYLE="background-image:url(ie.gif); background-repeat:repeat-x">
コメント</TD> </TR> </TABLE>
CSS とは Cascading Style Sheet の略で、今までの HTML では不可能だった ドキュメント中のオブジェクトのレイアウトを自由に扱えるものです。 まぁ 自由といってもスタティックなもので、ダイナミックに扱いたい場合は JavaScript 等のスクリプト言語と組み合わせて使うと可能です。

<TABLE BORDER> <TR>
<TD STYLE="background-image:url(ie.gif); background-repeat:repeat-y">
コメント</TD> </TR> </TABLE>
CSS とは Cascading Style Sheet の略で、今までの HTML では不可能だった ドキュメント中のオブジェクトのレイアウトを自由に扱えるものです。 まぁ 自由といってもスタティックなもので、ダイナミックに扱いたい場合は JavaScript 等のスクリプト言語と組み合わせて使うと可能です。

<TABLE BORDER> <TR>
<TD STYLE="background-image:url(ie.gif); background-repeat:no-repeat">
コメント</TD> </TR> </TABLE>
CSS とは Cascading Style Sheet の略で、今までの HTML では不可能だった ドキュメント中のオブジェクトのレイアウトを自由に扱えるものです。 まぁ 自由といってもスタティックなもので、ダイナミックに扱いたい場合は JavaScript 等のスクリプト言語と組み合わせて使うと可能です。

※ 認識しやすいように color を設定しています。
また、CSS1 では TD タグにスタイルを設定することは定義されてませんが、 背景画像の状態を認識しやすいように あえて設定しました。
サポート
ブラウザ
OSpropertyIE3.xIE4.xIE5.0xIE5.5xNN4.xNN6.x
Winrepeat×
repeat-x×
repeat-y×
no-repeat×
Macrepeat--
repeat-x--
repeat-y--
no-repeat--
Unixrepeat----
repeat-x----
repeat-y----
no-repeat----