|
 |
|
背景画像の並び方を指定する
サンプルと機能
→ Sample：BODYタグやTABLEタグなどの背景画像の繰り返しなどを設定する
背景画像の繰り返しなどを設定します。
スタイルシート・サンプル
緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
また、その他の指定方法はメニューの「基本・リファレンス」を参考にして下さい。
→ ページ全体に適用する場合
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
<!--
BODY {
background-image: url("img/sbgi01.gif"); /* 全体の背景画像 */
background-repeat: repeat-y /*
背景は縦のみ繰り返す */
}
TABLE {
background-image: url("img/sbgi05.gif"); /* 全体の背景画像 */
background-repeat: no-repeat /*
背景を繰り返さない */
}
-->
</STYLE>
</HEAD>
<BODY>
</BODY>
</HTML> |
解説・注意点など
使用スタイル：background-repeat
指定可能な値：no-repeat, repeat-x, repeat-y, repeat
指定できる並び方は以下のとおりです。
| no-repeat |
： |
背景画像を繰り返さず一つだけ表示 |
| repeat-x |
： |
背景画像を横方向のみに繰り返して表示 |
| repeat-y |
： |
背景画像を縦方向のみに繰り返して表示 |
| repeat |
： |
背景画像を縦横に繰り返して表示 |
← スタイルシートに戻る
|
|
|
