CSS

Cascading Style Sheets text-decoration-line property.

text-decoration-line

 text-decoration-lineプロパティは、テキストに傍線をつける際に使用します。

 text-decoration-lineプロパティは比較的新しい仕様であり、旧いブラウザではサポートされていないかもしれません。より多くの環境で同様のスタイルを実現したい場合には、そのショートハンド(短縮形)である text-decorationプロパティを使用したほうが良いでしょう。

none
何もしない。テキストへの傍線について生成も禁止もしない(初期値)
underline
行に下線を引く
overline
行に上線を引く
line-through
行の中央を通る線を引く

初期値・適用対象・値の継承

初期値
none
適用対象
すべての要素
値の継承
しない

Example of use

CSS source


.c1 {
	text-decoration-line: none;
}
.c2 {
	text-decoration-line: overline;
}
.c3 {
	text-decoration-line: underline;
}
.c4 {
	text-decoration-line: line-through;
}
.c5 {
	text-decoration-line: overline underline;
}

HTML source


<p class="c1">テキスト:none</p>
<p class="c2">テキスト:overline</p>
<p class="c3">テキスト:underline</p>
<p class="c4">テキスト:line-through</p>
<p class="c5">テキスト:overline underline</p>

テキスト:none

テキスト:overline

テキスト:underline

テキスト:line-through

テキスト:overline underline