It looks something like this.

How to style text decoration underline. A cool text-decoration trick is combining each value. All-lines text-decoration. You can use a variety of values as you might find in most CSS properties.

Text size font alignment color spacing decoration bold shadow etc. Bootstrap CSS class text-decoration-underline with source code and live preview. This considers letterforms like g and p where lines drop beneath the usual line height.

An alternative to text-decoration is the border-bottom property. Sets the color of the text decoration. The text-decoration-color property specifies the color of the text-decoration underlines overlines linethroughs.

Sets the kind of text decoration to use like underline overline line-through text-decoration-color. Html head title Title of the document. To use it we can simple use the following syntax.

The text-underline-offset property can be used to define how far the line is from the initial text. With border-bottom you can also add a padding. It accepts any normal CSS colour value whether a keyword hexadecimal RGB RGBA HSL etc.

You can copy our examples and paste them into your project. To remove the underline simply use text-decoration. Text-decoration-line text-decoration-color et text-decoration-style.