■color（P.80）
参照項目
記述例 <head>
<style type="text/css">
<!--h3 {background-color: #99cccc } p {background-color: #ffcccc}
-->
</style>
</head>
<body>
<h3>1st FULL Album REPORT FROM IRON MOUNTAIN</h3>
<p>M-1.Catch22 M-2.PLAYMATE AT HANOI M-3.S M-4.CORCLE/LINE~HARD CORE PEACE M-5.Hey Joe M6.MIRROR BALLS </p>
… 以下略 背景色を指定する
すべて 継承なし
役割・機能
適用 継承の有無
background-color
Win･････MacWin･･･････････････････5.5/657 Mac･････････7 Win･････7/8.5 Mac･･･････1/2指定可能な値：カラーネーム、カラーコード 文
書 構 造
表 示・ 配 置
リ ス ト・ 表・ フ レ ー ム
リン ク・ 画 像・ フォ ー ム
テ キ スト
・罫 線 の設 定
背 景 の 設 定
配 置 の 指 定
リ ス ト・ 表 の 設 定
書 式
表示例
background-colorで背景色を指定します。カラーコードは「#」で始ま る6桁の16進数です。CSSでは、3桁のカラーコードも指定可能です。
解説
セレクタ{ background-color: 値 }
■background-attachment（P.104） ■backgroun d-repeat（P.105） ■background-position（P.106）
参照項目
記述例 <head>
<style type="text/css">
<!--body {background-image:
url(image/sora.jpg) } -->
</style>
</head>
<body>
<h3>1st FULL Album REPORT FROM IRON MOUNTAIN</h3>
<p>M-1.Catch22 M-2.PLAYMATE AT HANOI M-3.S M-4.CORCLE/LINE~HARD CORE PEACE M-5.Hey Joe M6.MIRROR BALLS </p>
背景画像を指定する
すべて 継承なし
役割・機能
適用 継承の有無
background-image
Win･････MacWin･･･････････････････5.5/657 Mac･････････7 Win･････7/8.5 Mac･･･････1/2指定可能な値：画像ファイルのURI
文 書 構 造
表 示・ 配 置
リ ス ト・ 表・ フ レ ー ム
リン ク・ 画 像・ フォ ー ム
テ キ スト
・罫 線 の設 定
背 景 の 設 定
配 置 の 指 定
リ ス ト・ 表 の 設 定 書 式
表示例
背景画像を指定します。画像ファイルのURIは、「url(画像ファイルのパ ス)」の形で指定します。
解説
セレクタ{ background-image: 値 }
■background-image（P.103） ■background-repeat
（P.105） ■background-position（P.106）
参照項目
記述例 <head>
<style type="text/css">
<!--body {background-image:
url(image/01.jpg);
background-attachment:fixed } -->
</style>
</head>
<body>
<h3>1st FULL Album REPORT FROM IRON MOUNTAIN</h3>
<p>M-1.Catch22 M-2.PLAYMATE AT HANOI M-3.S M-4.CORCLE/LINE~HARD CORE PEACE M-5.Hey Joe M6.MIRROR BALLS </p>
<h3>1st FULL Album REPORT FROM IRON MOUNTAIN</h3>… 以下略
画像のスクロールを指定する
すべて 継承なし
役割・機能
適用 継承の有無
background-attachment
Win･････MacWin･･･････････････････5.5/657 Mac･････････7 Win･････7/8.5 Mac･･･････1/2指定可能な値：以下のキーワード
scroll：スクロールする fixed：画面に固定する
文 書 構 造
表 示・ 配 置
リ ス ト・ 表・ フ レ ー ム
リン ク・ 画 像・ フォ ー ム
テ キ スト
・罫 線 の設 定
背 景 の 設 定
配 置 の 指 定
リ ス ト・ 表 の 設 定
書 式
表示例
背景画像を固定するかしないかを指定します。background-image と合わせて使用します。
解説
セレクタ{ background-attachment: 値 }
記述例 <head>
<style type="text/css"><!--body {background-image:
url(image/01.jpg);
background-attachment:fixed;
background-repeat:no-repeat}-->
</style>
</head>
<body>
<h3>1st Full Album REPORT FROM IRON Mountain</h3>
<p>M-1.Catch22 M-2.PLAYMATE AT HANOI M-3.S M-4.CORCLE/LINE~HARD CORE PEACE M-5.Hey Joe M6.MIRROR BALLS <br>
背景画像の繰り返しを指定する
すべて 継承なし
役割・機能
適用 継承の有無
background-repeat
Win･････MacWin･･･････････････････5.5/657 Mac･････････7 Win･････7/8.5 Mac･･･････1/2指定可能な値：以下のキーワード
repeat：縦横方向に繰り返す repea-y：縦方向に繰り返す
repeat-x：横方向に繰り返す no-repeat：繰り返しなし
文 書 構 造
表 示・ 配 置
リ ス ト・ 表・ フ レ ー ム
リン ク・ 画 像・ フォ ー ム
テ キ スト
・罫 線 の設 定
背 景 の 設 定
配 置 の 指 定
リ ス ト・ 表 の 設 定 書 式
表示例
背景画像を繰り返し表示するかどうかを指定します。background-imageと合わせて使用します。
解説
■background-image（P.103） ■background-atta chment（P.104） ■background-position（P.106）
参照項目
セレクタ{ background-repeat: 値 }
セレクタ{ background-position: 値 }
記述例 <head><style type="text/css"><!--body {background-image:
url(image/01.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:right bottom}
--></style></head>
<body>
<h3>1st FULL Album REPORT FROM IRON MOUNTAIN</h3>
<p>M-1.Catch22 M-2.PLAYMATE AT HANOI M-3.S M-4.CORCLE/LINE~HARD CORE PEACE… 以下略 背景画像の配置を指定する
ブロック要素 継承なし
役割・機能
適用 継承の有無
background-position
Win･････MacWin･･･････････････････5.5/657 Mac･････････7 Win･････7/8.5 Mac･･･････1/2指定可能な値：単位付きの数値あるいは以下のキーワード top：上ぞろえに表示 right：右ぞろえに表示
bottom：下ぞろえに表示 center:中央に配置
left：左ぞろえに表示 文
書 構 造
表 示・ 配 置
リ ス ト・ 表・ フ レ ー ム
リン ク・ 画 像・ フォ ー ム
テ キ スト
・罫 線 の設 定
背 景 の 設 定
配 置 の 指 定
リ ス ト・ 表 の 設 定
書 式
表示例
背景画像を配置する場所を指定します。background-imageと合わ せて使用します。「左右の位置 上下の位置」の2つで指定可能です。
解説
■background-image（P.103） ■background-atta chment（P.104） ■background-repeat（P.105）
参照項目
文 書 構 造
表 示・ 配 置
リ ス ト・ 表・ フ レ ー ム
リン ク・ 画 像・ フォ ー ム
テ キ スト
・罫 線 の設 定
背 景 の 設 定
配 置 の 指 定
リ ス ト・ 表 の 設 定 背景に関する指定を一度に行う
すべて 継承なし
役割・機能
適用 継承の有無
background
Win･････MacWin･･･････････････････5.5/657 Mac･････････7 Win･････7/8.5 Mac･･･････1/2書 式
指定可能な値： background-color、background-image、background-attachment、background-repeat、background-position で指定可能な値
記述例 <head><style type="text/css"><!--body {background:#ffcc66
url(image/shippo.jpg) fixed no-repeat bottom right}-->
</style></head>
<body>
<h3>1st FULL Album REPORT FROM IRON MOUNTAIN</h3>
<p>M-1.Catch22 M-2.PLAYMATE AT HANOI M-3.S M-4.CORCLE/LINE~HARD CORE PEACE M-5.Hey Joe M6.MIRROR BALLS <br>
背景に関する指定を一度に行います。それぞれ値は半角スペースで区 切って指定します。この場合、値の順序は問われません。
解説
■background-color（P.102） ■ background-image（P.103） ■background-attachment（P.104）
■background-repeat（P.105）
■background-position（P.106）
参照項目
セレクタ{ background: 値 }
表示例
margin-top margin-bottom margin-right margin-left margin padding-top padding-bottom padding-right padding-left padding position top right bottom left float clear overflow display visibility vertical-align width height line-height