CSS Text Decoration Generator
Create custom underlines, overlines, and strike-throughs with full control over style, color, and thickness.
Presets
Configuration
Live Preview
The quick brown fox jumps over the lazy dog.
Style Comparison
SolidSample text
DoubleSample text
DottedSample text
DashedSample text
WavySample text
Generated CSS
.decorated-text {
text-decoration: underline #3b82f6;
text-decoration-thickness: 2px;
}