無料ホームページ作成!CSS・スタイルシート
背景画像の繰り返し

無料ホームページ作成!CSS・背景
背景画像の繰り返し

ホームページの背景画像の繰り返しの指定

background-repeat属性

このbackground-repeat属性は背景画像の繰り返すパターンを指定できる属性です、背景画像を繰り返さない、縦だけに繰り返すなどの場合使用します。

background-repeat属性の使い方

CSSソース

セレクタ{
	background-image:url(gazou.gif);
	background-attachment:fixed;
	background-repeat:no-repeat;
}
 
結果

画像は<body>タグで宣言されています、no-repeatは繰り返さない(一つだけ表示)です。

background-repeat属性で宣言できる値

概要
repeat 背景画像を縦、横に繰り返す
repeat-x 背景画像を横に繰り返す
repeat-y 背景画像を縦に繰り返す
no-repeat 背景画像を繰り返さない

値の使用例

背景画像を左側だけに使ってコンテンツを右側にしたりするときなどに使用したり、一つだけ背景画像を使い画像のように使ってもよいでしょう。

無料ホームページ作成!メニュー

CSS・スタイルシート

基本

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS