text-underline-position
解説
下線の表示位置を指定します。IE 独自の仕様。下線や上線の指定には、できるだけtext-decorationプロパティを使用しましょう。
| above | 下線をテキストの上に表示 |
|---|---|
| below | 下線をテキストの下に表示 |
プロパティ情報
| 値： | above,below,auto,auto-posのいずれか |
|---|---|
| 初期値： | below |
| 適用対象： | 全ての要素 |
| 継承： | する |
| パーセンテージ： | 不可 |
| 適用メディア： | 視覚 |
| レベル： | MSIE5.5〜 |
参照
text-align text-decoration text-underline-position text-indent text-autospace text-transform text-justify line-height line-break word-spacing word-break word-wrap vertical-align letter-spacing white-space
使用例
ソース
CSSの記述方法はスタイルシートってなに？も参照下さい。 div.sample1 {text-decoration: underline; text-underline-position: above;} div.sample2 {text-decoration: underline; text-underline-position: below;}
HTMLの記述方法 <div class="sample1">Sample Text</div> <div class="sample2">Sample Text</div>
表示結果
Sample Text
Sample Text
