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