The Wayback Machine - https://web.archive.org/web/20090203114649/http://www.webreference.com:80/html/tutorial7/5.html


spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

I Shot the Serif

Text Properties


Developer News
Open Source ECM Growing Up
Android's Second Act, G2 Rumors Heat Up
Eclipse Rolls Out PHP Development Tools 2.0

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

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Copyright 2008 Jupitermedia Corporation All Rights Reserved.

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

webref The latest from WebReference.com Browse >
Using Dojo for Client-Side Validation · Apache Basics, Visited · Introduction to AJAX Technologies
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Cloud Computing with Amazon Simple DB · SQL Server Re-indexing Tips · Survey Says: Customer Interaction Key to Online Sales


All Rights Reserved. Legal Notices.

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

Morty Proxy This is a proxified and sanitized view of the page, visit original site.