*このページは web-dou.com のアーカイブです。(2025年 サイト統合)

WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > text-underline-position
text-underline-position  文章整形 

下線の表示位置を指定する

X B! FB LINE

IE独自

パラメーター

above　…下線をテキストの上に表示。
below　…下線をテキストの下に表示。

text-underline-position: aboveの例

<p style="text-decoration: underline; text-underline-position: above;">
text-underline-position: above;
</p>

text-underline-position: above;


text-underline-position:belowの例

<p style="text-decoration: underline; text-underline-position: below;">
text-underline-position: below;
</p>

text-underline-position: below;


Aタグでの使用例

<a href="/" style="text-underline-position:adove;">リンクの下線はどうなる？</a>
リンクの下線はどうなる？