最終更新日 2021年6月18日

text-underline-positionプロパティ

text-underline-positionは、文字の下線の配置を指定するプロパティです。

CSS3での変更点

・text-underline-positionは、CSS3から新しく追加されたプロパティです。

初期値	適用先	継承
auto	すべての要素	あり

値	説明
auto	ブラウザの設定に従います。（初期値）
alphabetic	アルファベットのベースラインに合わせます。
below	要素のコンテンツボックスの下端に合わせます。
left	縦書きモードのとき、文字の左端に合わせます。
right	縦書きモードのとき、文字の右端に合わせます。

サンプルコード

text-underline-position: auto;
text-underline-position: alphabetic;
text-underline-position: below;
text-underline-position: left;
text-underline-position: right;

参考文献：CSS Text Level 3

ザマワンにエントリーしました！

『ザマワン』は「座間ワンミニッツ」の略称であり、座間市の魅力を１分にギュッと詰め込む動画コンテストです。