Text Decoration Underline Spacing

Text decoration states whether the text has got a line running under over or through it.

Text decoration underline spacing. Css text decoration is a module of css that defines features relating to text decoration such as underlines text shadows and emphasis marks. Overline places a line above the text. Sets the style of the text decoration like solid wavy dotted dashed double initial. For example use md underline to apply the underline utility at only medium screen sizes and above.

This applies all the line styles to the text over under lines text decoration. A cool text decoration trick is combining each value. To control the text decoration of an element at a specific breakpoint add a screen. The text decoration property adds an underline overline line through or a combination of lines to selected text.

For more information about tailwind s responsive design features check out the responsive design documentation. Line through puts a line through the text strike through. Underline does what you would expect. The text decoration property is specified as one or more space separated values representing the various longhand text decoration properties.

It looks something like this. All lines text decoration. Sets this property to its default value. No line is drawn and any existing decoration is removed.

These are the values specified in the w3c css text decoration module level 3 candidate recommendation. Text decoration color sets the color of the decoration. Prefix to any existing text decoration utility. Sets the kind of text decoration to use like underline overline line through text decoration color.

Draws a 1px line across the text at its baseline. Values text decoration line sets the kind of decoration used such as underline or line through. Sets the color of the text decoration. The text decoration color property specifies the color of the text decoration underlines overlines linethroughs.

I have lots of lines.