back / home ]

color

前景色を指定するプロパティです。文字列を内容とする場合は、文字色の指定になります。

プロパティ

<color> | inherit
初期値 UAの実装に依存
適用対象 すべての要素
継承性 あり
パーセント値 適用不可
メディアグループ visual

値には、次のものが指定できます。

<color>
色の値を指定します。定義は別項参照

background-color

背景色を指定するプロパティです。

プロパティ

<color> | transparent | inherit
初期値 transparent
適用対象 すべての要素
継承性 なし
パーセント値 適用不可
メディアグループ visual

値には、次のものが指定できます。

<color>
色の値を指定します。定義は別項参照
transparent
背景が透明になります。

background-image

背景画像を指定するプロパティです。

プロパティ

<uri> | none | inherit
初期値 none
適用対象 すべての要素
継承性 なし
パーセント値 適用不可
メディアグループ visual
URI
画像ファイルの URI を指定します。
none
背景画像を指定しません。

background-repeat

背景画像をタイル状に敷き詰めるかどうか、敷き詰めるならどのように敷き詰めるのかを指定するプロパティです。

プロパティ

repeat | repeat-x | repeat-y | no-repeat | inherit
初期値 repeat
適用対象 すべての要素
継承性 なし
パーセント値 適用不可
メディアグループ visual
repeat
垂直、水平方向の両方に敷き詰めます。
repeat-x
水平方向にのみ敷き詰めます。
repeat-y
垂直方向にのみ敷き詰めます。
no-repeat
敷き詰めず、一枚だけ表示します。

background-attachment

背景画像を固定させるかスクロールさせるかを指定するプロパティです。

プロパティ

scroll | fixed | inherit
初期値 scroll
適用対象 すべての要素
継承性 なし
パーセント値 適用不可
メディアグループ visual
scroll
背景画像は文書とともにスクロールされます。
fixed
背景画像を固定します。

background-position

背景画像の初期位置を指定するプロパティです。

プロパティ

[[<percentage> | <length>]{1,2} | [top | center | bottom] || [left | center | right]] | inherit
初期値 0% 0%
適用対象 ブロックレベル要素,置換要素
継承性 なし
パーセント値 ボックス(あるいは閲覧領域)と画像自身のサイズに対する割合
メディアグループ visual

background

backgroundは、背景に関連する5つのプロパティをまとめて指定することができるプロパティです。

プロパティ

[<'background-color'> || <'background-image'> ||
<'background-repeat'> || <'background-attachment'> ||
<'background-position'>] | inherit
初期値 未定義
適用対象 すべての要素
継承性 なし
パーセント値 background-position のみ指定可
メディアグループ visual

値は、各プロパティを参照。<'background-color'> <'background-image'> <'background-repeat'> <'background-attachment'> <'background-position'>


back / home ]