Text Decoration Underline Padding

Since you can underline any text in css like so.

Text decoration underline padding. Draws a 1px line across the text at its middle point. Sets the color of the text decoration. Draws a 1px line across the text at its baseline.

No line is drawn and any existing decoration is removed. Then use the border property like so. Sets the kind of text decoration to use like underline overline line through text decoration color.

The possible values are auto under left and right. The code should be similar to below. You should see an underline that is 2 pixels below.

Sets this property to its default value. Also look at the text decoration property which is a short hand property for text decoration line text decoration style and text decoration color. How can you also then edit the line that is drawn the color you get on the line is easily specified as color.

For example copy this code. The text underline position property sets the placement of the underline on links or on text with text decoration. With text underline position we have yet another way to control the positioning of text decoration in relation to the glyphs.

Sets the style of the text decoration like solid wavy dotted dashed double initial. With auto the initial value browsers will usually place the decoration close to the text baseline. The text decoration style property sets the style of the text decoration like solid wavy dotted dashed double.