CSSのbackground-color属性
例
異なる要素の背景色を設定します。
body
{
background-color:yellow;
}
h1
{
background-color:#00ff00;
}
p
{
background-color:rgb(255,0,255);
}
{
background-color:yellow;
}
h1
{
background-color:#00ff00;
}
p
{
background-color:rgb(255,0,255);
}
»をお試しください
タグの定義と指示
背景色プロパティは、要素の背景色を設定します。
(ただし、余白を含まない)パディングとボーダーを含む要素の背景要素の合計サイズ。
デフォルト: | 透明な |
---|---|
継承: | いいえ |
バージョン: | CSS1 |
JavaScriptシンタックス: | オブジェクトobject.style.backgroundColor = "#の00FF00" |
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
属性 | |||||
---|---|---|---|---|---|
background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
すべての主要なブラウザでは、背景色のプロパティをサポートしています。
IE7およびそれ以前のバージョンは、「継承」値をサポートしていないことに注意してください 。 IE8は、定義する必要があります! DOCTYPE。 IE9は、「継承」をサポート
ヒントと注意事項
ヒント:テキストを読みやすくするための背景とテキストの色を使用してください。
プロパティ値
値 | 説明 |
---|---|
カラー | 背景色を指定します。 値CSSカラーカラー値の完全なリストを見つけるために可能な限り。 |
透明な | 背景色が透明であることを指定します。 これがデフォルトです |
受け継ぎます | 背景色が親要素から継承されるように指定します |
オンラインの例
テキストの背景色の設定部
この例では、テキストの背景色の部分を設定する方法を示します。
関連記事
CSSチュートリアル: CSSの背景