The text-decoration-thickness
property sets the thickness of the text decoration line.
text-decoration-thickness: auto | from-font | value;
.div-1{
text-decoration-line: underline;
text-decoration-thickness: auto;
}
.div-2{
text-decoration-line: underline;
text-decoration-thickness: 5px;
}
.div-3{
text-decoration-line: underline;
text-decoration-thickness: from-font;
}
auto: automatically sets the value of the thickness of text decoration line.
from-font: If the thickness is mentioned in the font file, uses that thickness value else works as auto
.
value: sets the given value as the thickness of text decoration line.