Simple example for text-decoration
The "text-decoration"-property describes decorations that are added to the text of an element.
If the property is specified for a block-level element, it should affect 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.
Example: underline
Block level example: underline
underline]]>
This is simple test of the text-decoration underline.
This is simple test with a bigger font-size.
This is simple test with a monospaced font.
The following text decorations are defined in the CR:
•
none
•
underline
•
overline
•
line-through
•
blink
•
no-underline
•
no-overline
•
no-line-through
•
no-blink
Combination of property
values should also be possible.
Combination]]>
And now more than a word...
This is a whole block with the property text-decoration="underline".
Some more Text to get at least two lines.
This is a whole block with the property text-decoration="underline" and an inline with text-decoration="overline" bigger font-size.
This is simple test with a monospaced font.
What about underlining of whitespace only ?