右縦一列に背景画像

右縦一列に背景画像【background-repeat】

ブラウザで表示した時の見え方

ページ全体をご覧ください。

ソースサンプル

【CSS】

body {
background-image: url("./img/flower.gif");
background-repeat: repeat-y;
background-position: right;

background-attachment: fixed

}

[ 黒※説明中のタグ紫※省略可能なタグ赤※変更可能緑※文章など ]

解説

繰り返し敷き詰めることや、繰り返しを行わないことや、横一列、縦一列に敷き詰めることができます。
指定しない場合は、繰り返して敷き詰める方法が適用されます。

オプション
repeat	指定した画像を敷き詰める	background-repeat: repeat
no-repeat	画像を繰り返さないで一つ表示する	background-repeat: no-repeat
repeat-x	横方向に敷き詰める	background-repeat: repeat-x
repeat-y	縦方向に敷き詰める	background-repeat: repeat-y
値	機能	例

AICHAN WEB(Z) > HTML＆CSSサンプル集(S) > CSS - 右縦一列に背景画像