Text Properties - I Shot the Serif - HTML with Style
I Shot the Serif
Text Properties
The word-spacing and letter-spacing properties
| Property: | word-spacing |
| Accepted values: | normal or length |
| Initial value: | normal |
| Applies to: | All Elements |
| Inherited: | Yes |
| Property: | letter-spacing |
| Accepted values: | normal or length |
| Initial value: | normal |
| Applies to: | All Elements |
| Inherited: | Yes |
The word-spacing and letter-spacing
properties can be used to add extra space between words or letters. Of
these only letter-spacing is supported by Internet
Explorer 4.0, and none by Navigator 4.0.
<P><SPAN STYLE="letter-spacing: 1cm">Wide</SPAN></P>
Wide
The text-decoration property
| Property: | text-decoration |
| Accepted values: | none, underline, overline, line-through or blink |
| Initial value: | none |
| Applies to: | All Elements |
| Inherited: | No (shine-through) |
The text-decoration property adds decoration to an
element by either underlining it, overlining it, passing a line through
it or making it blink. Note that blinking text can get very annoying and
is strongly discouraged. Note that Navigator 4.0 does not support
overlining.
<P> <SPAN STYLE="text-decoration: underline">Under</SPAN> <SPAN STYLE="text-decoration: overline">Over</SPAN> <SPAN STYLE="text-decoration: line-through">Through</SPAN> <SPAN STYLE="text-decoration: blink">Away</SPAN> </P>
Under Over Through Away
The vertical-align property
| Property: | vertical-align |
| Accepted values: | baseline, sub, super, top, text-top, middle, bottom, text-bottom or a percentage |
| Initial value: | baseline |
| Applies to: | Inline Elements |
| Inherited: | No |
vertical-align is used, in theory, to align inline
elemens with the surrounding text. In practice, only three values are
supported, and these by Internet Explorer 4.0 only:
baseline, which aligns the baseline of the element with
the baseline of its parent (the default), sub, which
makes the element a subscript, and super, which makes
the element a superscript. Navigator ignores the
vertical-align property completely.
<P>A <SPAN STYLE="vertical-align: sub">subscript</SPAN> and a <SPAN STYLE="vertical-align: super">superscript</SPAN></P>
A subscript and a superscript
The text-transform property
| Property: | text-transform |
| Accepted values: | uppercase, lowercase, capitalize or none |
| Initial value: | none |
| Applies to: | All Elements |
| Inherited: | Yes |
The text-transform property transforms text to
uppercase, lowercase, or just capitalizes the first letter of every
word, as illustrated by this example:
<P> <SPAN STYLE="text-transform: uppercase">all letters</SPAN>, <SPAN STYLE="text-transform: capitalize">some letters</SPAN>, <SPAN STYLE="text-transform: lowercase">NO LETTERS</SPAN>. </P>
all letters, some letters, NO LETTERS.
Is that all, you ask? Nope, there are more...
Produced by Stephanos Piperoglou
All Rights Reserved. Legal Notices.
URL: https://www.webreference.com/html/tutorial8/
Created: Oct 20, 1998
Revised: Nov 3, 1998
Find a programming school near you