背景画像 リピート - background repeat-スタイルシートリファレンス HTMLクイックリファレンス
2017 11 29 背景画像の繰り返し方法を指定します。 画像サイズが表示領域の整数倍でない場合は、画像間にスペースを入れて調整します。 repeat no repeat space round をひとつのみ記述した場合は、横方向、縦方向双方に適用されます。 画像はインライン要素として、文章などの他の要素と重なりません。 これは背景画像です。 背景なので文字の下でも画像の表示可能。 background image url( ); のみで、他無指定(repeat)で画像を繰り返し全面配置。
上記のこの色の部分を必要に応じて書き換えて、 ソースの< HEAD>内に書き加えてください。 1) 背景色を指定。 →白背景なら#ffffff 黒背景なら#000000 2) (*** jpg) = 画像の名前→例: (001 jpg) 3) left top = 画像をリピートさせる位置この場合は
上記のこの色の部分を必要に応じて書き換えて、 ソースの
< HEAD>内に書き加えてください。 1) 背景色を指定。 →白背景なら#ffffff 黒背景なら#000000 2) (*** jpg) = 画像の名前→例: (001 jpg) 3) top top = 画像をリピートさせる位置この場合は background repeat repeat yの使用例 body { background image url(image hoge gif); background repeat repeat y; } repeat yは縦方向だけに指定された背景画像を繰り返します。 サンプルページ 「background repeat」プロパティは、背景画像の繰り返しを設定するスタイルシートです。通常、「background image」プロパティによって、背景画像を読み込んだ場合、背景画像は繰り返して全面に表示されます。これは、「background repeat」プロパティの 背景画像を表示する際に繰り返し画像を表示させるのか、それとも1回表示するだけにするのかなどの設定方法について見ていきます。 background repeat repeat; * 繰り返し表示、デフォルト * background repeat repeat x; * 横方向だけ繰り返し表示
0 件のコメント:
コメントを投稿