CSS2 Text Decoration - CSS Examples

From the W3 - 16 Text
From the W3 - 16.3 Decoration

This property describes decorations that are added to the text of an element.

If the property is specified for a block-level element, it affects all inline-level descendants of the element.

If it is specified for (or affects) an inline-level element, it affects all boxes generated by the element.

If the element has no content or no text content (e.g., the IMG element in HTML), user agents must ignore this property.

none
Produces no text decoration.
underline
Each line of text is underlined.
overline
Each line of text has a line above it.
line-through
Each line of text has a line through the middle.
blink
Text blinks (alternates between visible and invisible). Conforming user agents are not required to support this value.

CSS examples using the text-transform property

.tdn{text-decoration:none;}

Produces no text decoration.

.tdu{text-decoration:underline;}

Each line of text is underlined.

.tdo{text-decoration:overline;}

Each line of text has a line above it.

.tdl{text-decoration:line-through;}

Each line of text has a line through the middle.

.tdb{text-decoration:blink;}

Text blinks (alternates between visible and invisible).


 


SEO Consultants Directory