text-underline-position

InternetExplorer独自のプロパティで、アンダーラインの表示位置を指定します。

ブラウザ

IE5.5 / IE6

書式

要素[.class名][#id名]{ text-underline-position : 値; }

▲PageTop

指定できる値

値	初期値	意味
auto	○	lang属性がjaで、かつ、 writing-modeプロパティの値が`tb-rl`である場合、アンダーラインは文字の上部に表示されます。それ以外は、文字の下部に表示されます。
above		アンダーラインをテキスト上部に表示させます。
below		アンダーラインをテキスト下部に表示させます。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        text-underline-position : above;
      }
      #sample2 {
        text-underline-position : below;
      }
      #sample3 {
        text-underline-position : auto;
        writing-mode : tb-rl;
      }
    </style>
  </head>
  <body>
    <u id="sample1">text-undeline-position : aboveサンプル1</u>
    <u id="sample2">text-undeline-position : belowサンプル2</u>
    <u id="sample3">text-undeline-position : belowサンプル3</u>
  </body>
</html>

表示結果

text-undeline-position : aboveサンプル1 text-undeline-position : belowサンプル2 text-undeline-position : belowサンプル3

▲PageTop

text-underline-position

ブラウザ

書式

指定できる値

サンプル

ソースコード

表示結果

関連項目

HTML

CSS