HTML and CSS Reference
In-Depth Information
Note
• Browsers tend to assume pixel measurements if a length unit is not set.
letter-spacing
This property sets the amount of spacing between letters.
Syntax
letter-spacing:
length
| normal | inherit
Length values can be set in various units (negative values are permitted) or to the default
value
normal
.
Examples
.tight {font-family: Arial; font-size: 14pt; letter-spacing: 2pt;}
p {letter-spacing: 1em;}
p.norm {letter-spacing: normal;}
.superTight {letter-spacing: -5px;}
Compatibility
CSS 1, 2, 3
IE 4+
Netscape 6+, Firefox 1+
Opera 4+, Safari 1+
Note
• This property does not enable full kerning of text as it will not be possible to adjust
the space between two adjacent kerning pairs of letters without crossing tags. In
short because of the way markup and style intersect, it simply is not possible to
perfectly adjust spacing differently on either side of a letter. However, given the
fluid nature of screen displays, what is provided for is likely more than adequate.
line-height
This property sets the height (leading) between lines of text in a block-level element such as
a paragraph.
Syntax
line-height:
number
|
length
|
percentage
| normal | inherit
Values can be specified as a number of lines, a number of units (pixels, points, inches,
centimeters, and so on), or a percentage of the font size. Negative values are not allowed.
The default value of
normal
is typically equivalent to 1.0 to 1.2 depending on the
implementation.
Examples
.double {line-height: 2;}
.double2 {line-height: 200%;}
p {font-size: 14px; line-height: 16px;}
p.norm {line-height: normal;}
body {line-height: 4ex;}
div {line-height: 125%;}
