text-decoration-thickness

Module Reference

CSS Text Decoration

Feature Reference

text-decoration-thickness

What is this?

text-decoration等で設定された装飾線の太さを指定する。

Usage

2px

.example {
  width: 200px;
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
}

10px

.example {
  width: 200px;
  text-decoration-line: underline;
  text-decoration-thickness: 10px;
}

子孫要素で変更を加える

TODO

継承先のフォントサイズに合わせて伸縮

2023/01/08時点では、Firefoxのみ対応。

TODO