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 : 値 |
| 値 | 説明 |
|---|---|
| 色 | 色を指定します。 |
| 値を継承する | |
- 初期値はブラウザによります。
- 文字の色を指定します。
- 以下はMDNのcolorプロパティのリンクです。
- https://developer.mozilla.org/ja/docs/Web/CSS/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)