言語
日本語
English

Caution

お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。

CSS辞典

  1. トップページ
  2. CSS辞典
  3. 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>

対応ブラウザ

Chrome Chrome
1 以降
Firefox Firefox
1 以降
Safari Safari
1 以降
Edge Edge
12 以降
全バージョンで対応しています
IE IE
11
10
9
8
7
6
Opera Opera
3.5 以降
2 以前 ×
iOS Safari iOS Safari
1 以降
Android Android Browser
4.4 以降
3 以前 ×
Chrome Android Chrome Android
最新版
デスクトップ版と同等の対応です
Firefox Android Firefox Android
最新版
デスクトップ版と同等の対応です

※ バージョン情報は MDN に基づいています。

概要

背景色を指定できます。色の指定方法は透明色の『transparent』、ウェブカラー、カラーネーム(色名)となります。

使用できるカラーネーム一覧はMOZILLAさんの公式ウェブサイトをご参照ください。
※『background-color』はこちらの記事でも詳しく解説しております。

記事の間違いや著作権の侵害等ございましたらお手数ですがまでご連絡頂ければ幸いです。