color

colorは、文字の色を指定するスタイルです。

解説

文字色をカラーコードまたはカラーネームなどで指定します。

文字色を完全に透明にしたい場合は、「transparent」を指定します。

構文

構文は以下になります。

値

colorには以下の値が指定できます。

サンプル

文字色を赤色にする（カラーネームで指定）

.sample01 {
  color:red;
}

<div class="sample01">赤色です</div>

文字色を赤色にする（カラーコードで指定）

.sample02 {
  color:#ff0000;
}

<div class="sample02">赤色です</div>

文字色を赤色にする（RGB値で指定）

.sample03 {
  color:rgb(255, 0, 0);
}

<div class="sample03">赤色です</div>

文字色を赤色、透過率0.3にする（RGBA値で指定）

.sample04 {
  color:rgba(255, 0, 0, 0.3);
}

<div class="sample04">赤色、透過率0.3です</div>

文字色を透明にする

.sample05 {
  color:transparent;
}

<div class="sample05">透明です</div>

選択状態にすると透明になった文字を確認できます。

関連項目

• background-color：背景色を指定する

Tweet