🎨Text Decoration Generator
Decorated Text
Go beyond the simple `text-decoration: underline`. Modern CSS gives you fine-grained control over the appearance of underlines and other text decorations. Our generator provides a visual interface to style these lines. You can choose the line type, style (like solid, wavy, or dotted), color, and thickness. See a live preview of your creation and get the complete, cross-browser CSS code. It's perfect for creating unique and accessible link styles that match your site's design.
Frequently Asked Questions
What is the browser support for these properties?
The individual properties like `text-decoration-color` and `text-decoration-thickness` are supported by all modern evergreen browsers. The tool provides a basic `text-decoration` fallback for older browsers, which may not support all styling options like thickness.
Can I combine multiple lines, like underline and overline?
Yes, you can specify multiple values for `text-decoration-line`, like `underline overline`. This simple generator focuses on one line at a time, but you can manually combine them in the generated CSS.
