背景画像 (The background)

 
背景
ホーム > CSS2 Note > 背景画像
C1- ie4- N4-

説明

background-image: image; C1- ie4- N4-
値:  <URI> | none | inherit
初期値:none適用要素:すべて継承:しない%値:なしメディア:ビジュアル
このプロパティは、背景画像を指定します。背景画像が利用できない場合などを考慮し、背景色も同時に指定してください。
 

使用例

body {background-image:url("tile.gif")}
 

背景画像 <'background-image'>

URIC1- ie3- N4- 画像のURIを「url(URI)」の形で指定します。
noneC1- ie3- N4- 画像を使用しません。初期値。

背景画像のレンダリング

<style type="text/css"><!--
body {background-image:url(img/roll.gif);}
p#n1 {background-image:url(img/p1.gif); background-repeat:repeat-x; color:#444;}
p#n2 {background-image:none; color:#333; border:2px solid #eee;}  /* = 背景色を透明に設定 */
--></style>

<body>

<p id="n1">こんにちは こんにちは こんにちは こんにちは</p>
<p id="n2">こんにちは こんにちは こんにちは こんにちは</p>

</body>
background-imageプロパティに以下のような画像を指定すると背景画像は、タイル上に敷き詰められます。
ロールティシューダブル
p要素の背景には以下のような画像を指定しています。
grayグラデーション
 
トップページ CSS2 Note ページトップ
 2005/09/21発行 2009/02/01更新