HTML-LABS : CSS（スタイルシート）解説 - 背景関連の設定をまとめて指定 : background

Home / 背景の指定 / 背景関連の設定をまとめて指定 : background

背景関連の設定をまとめて指定 : background

::: 書式 :::

background: 背景関連プロパティ値

::: プロパティ値 :::

背景関連プロパティ値には、下記のプロパティの値を指定します。

「background-attachment」の値
「background-color」の値
「background-image」の値
「background-position」の値
「background-repeat」の値

::: 解説 :::

「background」プロパティで、背景関連のプロパティの設定をまとめて指定します。

必要な値を任意の順番で、半角スペースで区切って指定します。

::: 対応ブラウザ :::

IE					Firefox					Opera					Chrome		Safari
8	7	6	5.5	5	3.5	3	2	1.5	1	10	9	8	7	6	2	1	4	3	2	1
○	○	○	○	○	○	○	○	○	○	○	○	○	○	○	○	○	○	○	○	○

[ 対応状況 : ○=対応、△=一部対応、×=未対応 ]

::: サンプル :::　[ サンプル画面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>スタイルシート(CSS) = 背景関連の設定をまとめて指定する方法 =</title>

<style type="text/css">
<!--
td
{  height: 1000px;
   background: scroll #ffffff url(css_sample_bg.gif) center center no-repeat
}
-->
</style>

</head>
<body>
    スタイルシート(CSS) = 背景関連の設定をまとめて指定する方法 =
    <table width="100%" border="1">
        <tr>
            <td>「background: scroll #000000 url(css_sample_bg.gif) center center no-repeat」を指定</td>
        </tr>
    </table>
</body>
</html>


	関連項目

	CSSの基本 CSS機能別プロパティ一覧 CSSインデックス背景の指定 background background-color background-image background-repeat background-position background-attachment

　

Copyright (C) 2009 Html-Labs All Rights Reserved.