20 September 2013

Text_Decoration



Below are examples of the CSS text-decoration property, decorating text isn't nearly as stressful. In fact, it's really quite easy..



This value draws a horizontal line below the text.

Normal text with underline


CODES:

<p style="text-decoration:underline; font-family: Forte; color:#000000; font-size: 1.5em;"> YOUR TEXT </p>


This value draws a horizontal line through the text.

Text with a line through the middle


CODES:

<p style="text-decoration:line-through; font-family: Forte; color:#000000; font-size: 1.5em;"> YOUR TEXT </p>


This value draws a horizontal line above the text.

Text with an overline


CODES:

<p style="text-decoration:overline; font-family: Forte; color:#000000; font-size: 1.5em;"> YOUR TEXT </p>


This value draws a horizontal line above the text.

This is yet another


CODES:

<p style="text-decoration:underline overline; font-family: Forte; color:#000000; font-size: 1.5em;"> YOUR TEXT </p>


This value makes the text blink. But this only works on Firefox.

This is yet another


CODES:

<p style="text-decoration:blink; font-family: Forte; color:#000000; font-size: 1.5em;"> YOUR TEXT </p>




- Comments

No comments:

Post a Comment