テキスト・フォント

「text-decoration」プロパティ

「text-decoration」プロパティは、文字の装飾的な線の表示を指定するCSSプロパティです。
文字の装飾を指定する値は、「下線」「上線」「取り消し線」「点滅」などの指定ができます。

「text-decoration」プロパティの値

文字の装飾を指定する値は「none」「underline」「overline」「line-through」「blink」などの値を指定することができます。
「text-decoration」プロパティは、同時に「text-decoration-line」「text-decoration-style」「text-decoration-color」プロパティを設定できます。

「text-decoration」プロパティの指定方法

文字の装飾を指定する場合は、「text-decoration」プロパティを使い適応する値を指定することで実装できます。

「text-decoration」プロパティ
セレクタ{
text-decoration:文字の装飾;
}
値例
/* 基本値 */
text-decoration: none;/* 装飾なし (初期値) */
text-decoration: underline;/* 下線を引く */
text-decoration: overline;/* 上線を引く */
text-decoration: line-through;/* テキストに取り消し線を引く */
text-decoration: blink;/* 点滅させる */
表示例

文字の装飾(下線)

文字の装飾(上線)

文字の装飾(取り消し線)

文字の装飾(点滅)