The text-decoration shorthand sets the longhands text-decoration-line, text-decoration-style, text-decoration-color, and text-decoration-thickness in one declaration. Values not provided reset to the longhand default..note {
text-decoration: underline;
}.note {
text-decoration: underline wavy red 2px;
}min:0max:9999step:0.5units:px | % | em | remnoneNo decoration.underlineUnderline.overlineOverline.line-throughLine through middle.blinkBlink (deprecated).spelling-errorUA spelling-error indicator.grammar-errorUA grammar-error indicator.solidSolid line.doubleDouble line.dottedDotted line.dashedDashed line.wavyWavy line.currentColorCurrent color value.transparentTransparent color.autoUA-chosen thickness.from-fontThickness from font metrics.rgb()RGB color function.hsl()HSL color function.oklch()Oklch color function.CSS Text Decoration Module Level 4Editor's Draft<line> <style> <color> <length-percentage>W3CMDN
In the beginning God created the heavens and the earth.
Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationvalue typessourcesvisual demonstrationpreviousnext