208 views

この記事は最終更新から 560日 が経過しています。

1. やりたいこと

text-decoration: underline で下線を引くときに
下線の太さ と 文字から下線までの距離 を自由に変えたい。

2. やってみる

簡単だった。

.my_underline{
  text-decoration-line:      underline;
  text-decoration-thickness: 3px;
  text-underline-offset:     10px;
}

3. 参考情報

こちらのサイトにはいつもお世話になっています。m(_ _)m
Mmdn web docs : text-decoration-thickness
Mmdn web docs : text-underline-offset