Skip to main content Link Search Menu Expand Document Toggle dark mode Copy Code (external link)
paperwork.help

text-decoration-thickness : Decoration Thickness Property

The text-decoration-thickness property sets the thickness of the lines drawn by text-decoration.

On this page

Usage

text-decoration-thickness: auto;
text-decoration-thickness: from-font;
text-decoration-thickness: 2pt;
text-decoration-thickness: 0.1em;

Values

  • auto and from-font - Based on the font size (one twelfth of it). This is the default.
  • length - A length such as 2pt, 1px or 0.1em.

Example

<p style="text-decoration: underline; text-decoration-thickness: 3pt; text-decoration-color: #2563eb">A thick underline</p>

Notes

  • Percentages are not supported.
  • Can be set from data, for example text-decoration-thickness: {{model.thickness}}.
  • Added in Paperwork.Core 9.8.

See Also