CSS - background-color
概要
| 属性名 | background-color |
|---|---|
| 値 | <color> |
| 初期値 | transparent |
| 適用可能要素 | すべての要素 |
| 継承 | 継承しない |
| メディア | visual |
| アニメーション | 可能 |
サポート (説明)
| CSS | IE/Edge | Firefox | Chrome | Opera | Safari | |
|---|---|---|---|---|---|---|
| 基本 | CSS1 | 4.0 | 1.0 | 1.0 | 3.5 | 1.0 |
| 複数背景 | CSS3 | 9.0 | 3.6 | 1.0 | 10.5 | 1.3 |
説明
背景の色を指定します。
| 値 | 説明 |
|---|---|
| <color> | 背景の色を指定します。詳細は <color> を参照してください。 |
使用例
CSS
.sample {
background-color: #cc9999;
width: 100px;
height: 100px;
border: 1px solid gray;
}
HTML
<div class="sample">こんにちは</div>
表示
こんにちは
関連項目
background, background-color, background-image, background-repeat, background-attachment, background-position, background-clip, background-origin, background-sizeリンク
- http://www.w3.org/TR/css3-background/#the-background-color
- https://developer.mozilla.org/ja/docs/Web/CSS/background-color
- http://caniuse.com/#search=CSS%202.1%20properties
Copyright (C) 1997-2015 杜甫々
初版：1997年7月27日、最終更新：2015年11月29日
https://www.tohoho-web.com/css/prop/background-color.htm