HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ

トップページ > スタイルシートリファレンス > background-repeat

★スタイルシートリファレンス

background-repeat・・・・・背景画像のリピートの仕方を指定する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Netscape4Netscape6Netscape7Netscape8 Opera6Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6

background-repeatプロパティは、背景画像のリピートの仕方を指定する際に使用します。

■値

repeat
縦横に背景画像を繰り返して表示します。これが初期値です。
repeat-x
横方向にのみ背景画像を繰り返して表示します。
repeat-y
縦方向にのみ背景画像を繰り返して表示します。
no-repeat
背景画像を一回だけ表示して繰り返しません。

■使用例

スタイルシート部分は外部ファイル(sample.css)に記述。

body {
background-image: url("../images/inu01.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom
}

HTMLソース

<html>
<head>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>


</body>
</html>

■関連項目

color・・・・・・・・・・・・・・・・・・・・・・・・文字色(前景色)を指定する
background・・・・・・・・・・・・・・・・・・背景に関する指定をまとめて行う
background-attachment・・・・・・背景画像の固定・移動を指定する
background-color・・・・・・・・・・・・背景色を指定する
background-image・・・・・・・・・・・背景画像を指定する
background-position・・・・・・・・・背景画像の表示開始位置を指定する
background-position-x・・・・・・・背景画像の横位置を指定する(IE独自の仕様)
background-position-y・・・・・・・背景画像の縦位置を指定する(IE独自の仕様)
background-repeat・・・・・・・・・・背景画像のリピートの仕方を指定する

▲ページ先頭へ
トップページ > スタイルシートリファレンス > background-repeat

HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
このウェブサイトが本になりました
©2014 HTMQ