Typography Keywords

Typography utility keywords (text-decoration-style only; other typography keywords are in their own definitions)

Syntax

visual="[keyword]"

Values

Value	CSS Output	Description
decoration-solid	text-decoration-style: solid	Solid line
decoration-double	text-decoration-style: double	Double line
decoration-dotted	text-decoration-style: dotted	Dotted line
decoration-dashed	text-decoration-style: dashed	Dashed line
decoration-wavy	text-decoration-style: wavy	Wavy line

Examples

<span visual="underline decoration-dashed">Dashed underline</span>

Preview

Text Decoration Style

visual="decoration-dashed" - Set the style of text decoration lines

soliddasheddottedwavy

View Code

<div layout="flex col" space="g:small p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <span visual="underline decoration-solid">solid</span>
  <span visual="underline decoration-dashed">dashed</span>
  <span visual="underline decoration-dotted">dotted</span>
  <span visual="underline decoration-wavy">wavy</span>
</div>