Text Properties - I Shot the Serif - HTML with Style | WebReference

Text Properties - I Shot the Serif - HTML with Style

Front Page123456789

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...

Front Page123456789

http://www.internet.com

Produced by Stephanos Piperoglou

All Rights Reserved. Legal Notices.

URL: http://www.webreference.com/html/tutorial8/
Created: Oct 20, 1998
Revised: Nov 3, 1998