text-underline-position

text-underline-position は、「text-decoration」プロパティでunderlineが付けられた時のアンダーラインの表示位置を指定する時に使います。（IE独自プロパティ） ※ 関連ページ「text-decoration-line」

Value（値）

auto: 初期値テキストの下に表示（縦書きの日本語はテキストの右側に表示）
above: テキストの上にアンダーラインを表示
below: テキストの下にアンダーラインを表示

HTML source

<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
   p.test1 { text-decoration: underline; text-underline-position: auto; }
   p.test2 { text-decoration: underline; text-underline-position: above; }
   p.test3 { text-decoration: underline; text-underline-position: below; }
  </style>
 </head>
 <body>
   <p class="test1">auto</p>
   <p class="test2">above</p>
   <p class="test3">below</p>
 </body>
</html>

display

auto

above

below