letter-spacing
Whereas Font Properties control the display options of the type of your document, Text Properties control the options pertaining to the layout and appearance of the paragraphs in which the text is presented.



Some text properties include text capitalization and minor effects such as blinking and underlined sections of text.

letter-spacing

This property is used to specify the amount of space which appears between individual characters, the default being the values within the font being used.

letter-spacing values

normal spacing

This is obviously the default, and is used primarily to reset the distance between the characters to the original value specified by the font.

length

This value adds to the normal length inherited by the element from its parent. The normal length may be reduced with a negative value.

This property uses several different measurement options. Each measurement option has its own abbreviation, as follows:

• mm millimeters.

• cm centimeters.

• in inches.

• pt points, which is a way of measuring the font size. One point is 1/72 (one seventy-second) of an inch.

• pc picas, which is yet another way of measuring font size. One pica is equal to 12 points.

• px pixels, which is one screen element. The display you're looking at is comprised of thousands of individual dots, each of which can change in color and luminosity to achieve the desired image. Each of these dots is referred to as a pixel.

• ex x-height settings, which is the height of the font's lower case letter 'x'.

• em em setting. One em is equivalent to the width of the capital letter 'M' in the chosen font.

Millimeters, centimeters, inches, points, and picas are considered to be absolute lengths because you're specifying the exact size of the type.

Relative units such as em and ex are interpreted as references to the parent font size.

syntax {letter-spacing: 1.5em}

EXAMPLES:

P {letter-spacing: -0.5em}

This example will reduce the letter spacing by half within the opening and closing instances of the paragraph (P) tags.

P, H3 {letter-spacing: 1.5em} H2 {letter-spacing: 2ex}

This example will cause the heading levels P and H3 to have a letter spacing of 1.5 times that of the parent container. The heading level H2 will have a letter spacing twice the width of the capital 'M' of the font used, which is specified by the parent container.