CSS color 文字の色を指定するサンプル

CSSのcolorプロパティで、文字の色を指定するサンプルです。

目次

仕様 colorプロパティの仕様
サンプル colorのサンプル

colorプロパティの仕様

color : 値

colorプロパティは、文字の色を指定します。

説明
色を指定します。
値を継承する

colorのサンプル

colorのサンプルです。

<style>
#p1{color:red;} /* red(赤色)を指定 */
#p2{color:#008000;} /* #rrggbbの形式で色を指定 */
#p3{color:rgb(0,0,255);} /* rgbの形式で色を指定 */
#p4{color:rgba(205,92,92,0.3);} /* 透明度に0.3を指定 */
</style>
<p id="p1">あいうえお</p>
<p id="p2">あいうえお</p>
<p id="p3">あいうえお</p>
<p id="p4">あいうえお</p>

colorプロパティは複数の色の指定の仕方があります。

2行目は、英字で色を指定しています。
3行目は、rrggbbの形式で指定しています。
4行目は、rgbの形式で指定しています。
5行目は、rgbaの指定す。透明度を指定できます。
0が完全な透明で1が透明なしです。

以下は、実行結果です。

関連の記事

CSS font-family フォントを指定するサンプル
CSS text-align 文字を左寄せ/右寄せにするサンプル
CSS 文字の垂直の位置を指定するサンプル(vertical-align)
CSS line-height 行の高さを指定するサンプル
CSS letter-spacing 文字の間隔を指定する
CSS word-spaceing 単語の間隔を指定する
CSS overflow-wrap 単語が表示域を超える時の改行
CSS overflow 表示域を超える場合の表示方法
CSS text-decoration 文字に線を引くサンプル

△上に戻る