Homepage Zero ガイド
logo

ゼロから始めよう！わかりやすい！ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホーム＞HTMLリファレンス（アルファベット検索）＞background-repeatプロパティ

CSSプロパティ辞典
タグ一覧（ABC順） 目的別タグ一覧 スタイルシート一覧（ABC順） 目的別スタイルシート一覧

background-repeat プロパティ …背景画像の繰り返しの仕方を指定する

使用プロパティ

CSSプロパティ

background-repeat: 値;

対象となる
要素

すべて

継承

しない

値

次項（値と働き）を参照
対応ブラウザ IE6 WinFireFox WinSafariFireFox MacIE5 macOpera

解説

background-repeat プロパティを使えば、背景画像の繰り返しの仕方を指定したり、繰り返さずに、背景画像を１つだけ表示することができます。

値と働き

値 働き 値 働き
repeat 縦と横に画像を繰り返し並べて表示する。 repeat-x 横方向にだけ画像を繰り返し並べて表示します。
repeat-y 縦方向にだけ画像を繰り返し並べて表示します。 no-repeat 繰り返しはせず、画像を１つ表示します。

使用例

記述例
<html>
<head>
<title>HOME PAGE ZERO ガイド</title>

<!--スタイルシート-->
<style type="text/css">

body {
background-image: url(image.gif);
background-repeat: no-repeat;
}

</style>
</head>

<!--ページの本文-->
<body>

<p>背景に画像を１つ表示します。</p>

</body>
</html>
↓
[ブラウザでの表示例]
HOME PAGE ZERO ガイド

表示例は初心者ガイドの「背景画像の繰り返しパターンの指定をしよう！」を参照してください。

関連情報ページ

△ページトップへ

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

<TOP>
logo
ゼロから始めよう！わかりやすい！ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|
copyright (C) TOMIY All Right Reserved
inserted by FC2 system