Text Decoration Underline Padding

These are the values specified in the w3c css text decoration module level 3 candidate recommendation.

Text decoration underline padding. Franklin gothic medium arial narrow arial sans serif the second class should have the underline towards the right of the vertically aligned text. The code should be similar to below. Also look at the text decoration property which is a short hand property for text decoration line text decoration style and text decoration color.

Sets the kind of text decoration to use like underline overline line through 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. The text underline position css property specifies the position of the underline which is set using the text decoration property s underline value.

The source for this interactive example is stored in a github repository. The text decoration property adds an underline overline line through or a combination of lines to selected text. With auto the initial value browsers will usually place the decoration close to the text baseline.

Draws a 1px line across the text at its middle point. Sets the style of the text decoration like solid wavy dotted dashed double initial. The text decoration style property sets the style of the text decoration like solid wavy dotted dashed double.

With text underline position we have yet another way to control the positioning of text decoration in relation to the glyphs. Then use the border property like so. Draws a 1px line across the text at its baseline.

Red but how does one edit the height of the line i e. You should see an underline that is 2 pixels below. The browser will decide between placing the underline at the text s baseline or under it.