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

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

目次

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プロパティは色の指定の仕方に種類があります。
rgbaの指定では、透明度を指定することも出来ます。
0が完全な透明で1が透明なしです。

以下は、実行結果です。

色の種類については以下を参照願います。
https://itsakura.com/html-color-codes

ccolor プロパティの仕様

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

関連の記事

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)

△上に戻る