Blog

HOME > Web > css > 【CSS】text-decoretion:underlineの下線位置を変える方法

【CSS】text-decoretion:underlineの下線位置を変える方法

2019/09/17

css

備忘録

text-decoretion:underlineで指定すると下線がテキスト下にくっついていますが、下線を離したい場合の方法です。

CSS

//通常
text-underline-offset: auto;

//8px離す
text-underline-offset: 8px;

//0.5rem上（テキスト上）に移動
text-underline-offset: -0.5rem;

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

神社仏閣ホームーページ制作

ホームページ制作問合せ

口コミロボ