会員登録(無料)
ログイン
スキルアップは今すぐこちら!▶

【CSS】見出しや段落の文字に引いた下線の位置を調整する方法

programming language CSS(シー・エス・エス)
この記事は約1分で読めます。

CSSで見出しや段落の文字に引いた下線の位置を調整する方法です。

基本:text-decoration

まずはtext-decorationで傍線(下線)が表示できます。

text-decoration: underline;

下線の位置や色を調整する

丁度よい位置(?)であれば、下記の方法もありかと思います。

text-underline-position: under;

text-underline-position は CSS のプロパティであり、text-decoration プロパティの underline の値で設定される下線 (傍線) の位置を指定します。

https://developer.mozilla.org/ja/docs/Web/CSS/text-underline-position

まとめ

text-decoration: underline;……テキストに下線を引く

text-underline-position: …… テキスト傍線の表示位置を指定する

タイトルとURLをコピーしました