Caution
お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。
- トップページ
- CSSプロパティ辞典
- background-color
background-color
背景色を指定することができます。
サンプルコード
div.test { background-color: transparent;} div.test1 { background-color: #ff0;} div.test2 { background-color: red;}
指定可能な値一覧
値 | 概要 |
---|---|
transparent | 背景を透明色に設定します。これが初期値です。 |
カラーコード、もしくはカラーネーム | 背景色を指定した色へ設定します。 |
ブラウザでの表示結果
<p style="background-color: #ff0; ">背景色を『#ff0』に指定しています。</p>
対応ブラウザ
IE6 | IE7 | IE8 | IE9 | IE10 | IE11 | Safari | Chrome | Firefox | Opera |
---|---|---|---|---|---|---|---|---|---|
iPhone Safari | Android2系 標準ブラウザ | Android4系 標準ブラウザ |
---|---|---|
概要
背景色を指定できます。色の指定方法は透明色の『transparent』、ウェブカラー、カラーネーム(色名)となります。
使用できるカラーネーム一覧はMOZILLAさんの公式ウェブサイトをご参照ください。
※『background-color』はこちらの記事でも詳しく解説しております。
記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。