文字の色を指定する場合は「color」を使用します。
文字の色と背景色との対比を確認し、背景色を変更する場合は、「background-color」を指定します。
CSS Ver. | 適用要素 | 継承 |
---|---|---|
2.1 | 全要素 | する |
構文 | |
---|---|
color : 色; |
|
プロパティ/設定値 | 意味 |
color : 色; | 色をコードやネームで指定。 「色の見本」参照。 見本以外の色は、「色を作成」で、作成。 デフォルト:「タグ毎のスタイル初期値」を参照 |
<style type="text/css">
.common div{
font-family : "メイリオ", sans-serif;
width : 290px;
border : 2px solid #6495ed;
background : #e7e7ff;
padding : 10px;
}
div.cssTitle {
margin-top : 10px;
background : #6495ed;
color : #fff;
font-weight : bold;
}
.css_color_red{
color : red;
}
.css_color_ff0000{
color : #ff0000;
}
.css_color_rgb{
color : rgb(255,0,0);
}
<!-- html -->
<div class="common">
<div class="cssTitle">color : red;</div>
<div class="css_color_red">
赤を色名で指定
</div>
<div class="cssTitle">color : #ff0000;</div>
<div class="css_color_ff0000">
赤を#RRGGBB形式で指定。
</div>
<div class="cssTitle">color : rgb(255,0,0);</div>
<div class="css_color_rgb">
CSSの「color」は、文字の色を指定します。CSS "color" specifies character spacing.
</div>
</div>
関連するCSS(STYLE) | |
---|---|
background-color | 背景色の設定 |
border-bottom-color | 罫線の底辺の色設定 |
border-color | 罫線の色設定 |
border-left-color | 罫線の左辺の色設定 |
border-right-color | 罫線の右辺の色設定 |
border-top-color | 罫線の上辺の色設定 |
column-rule-color | マルチカラムの区切り線の色 |
opacity | 透明度 |
outline-color | アウトラインの色 |
text-decoration-color | 文字の装飾線の色を指定 |
text-emphasis-color | 圏点の色を指定 |