初心者のスタイルシート(CSS)講座:下線と傍線

・text-underline-position
 縦書きの下線位置を指定する

【縦書きの下線位置の指定方法】
text-underline-position:キーワード

【キーワード】
below・・・テキストの下。縦書きの場合にテキストの左側に下線を表示(IE5.5の初期設定)

above・・・テキストの上。縦書きの場合に文章の右側に下線を表示。

auto(auto-pos)・・・言語コードが日本語で縦書きの場合はテキストの上(右側)に下線を表示(IE6以降の初期設定)それ以降はbelowとして処理。

 下線の表示位置を指定するプロパティとしてInternetExplorer5.5が独自に拡張したプロパティで text-decoration:underlineと併用することで、縦書きのページの傍線の位置を指定できるようになります。

 通常縦書きのテキストにtext-decoration:underlineを併用すると下線は左につきますが、この場合にtext-underline-position:aboveを指定すると、傍線が文章の右側に表示されるようになります。

 このプロパティはインターネットエクスプローラーでもバージョン5.5以上でしかつかえないようなので、あまり使わない方が無難だと思います。