The cover of The Complete Idiot's Guide to Create a Web Page The Complete Idiot's Style Sheets Reference

| Index | Current Category: Dimensions |
| Previous Style: line-break | Next Style: list-style |


line-height

Specifies the amount of space between each line in the element.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 3.0 and later 4.0 and later

See Also:

font, height, width

Possible Values:

[length]
An absolute line height.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 3.0 and later 4.0 and later

normal
Uses the normal HTML line height.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 3.0 and later 4.0 and later

[number]
The line height is number multiplied by the current font size.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later

[percentage]
The line height as a percentage of the current font size.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 3.0 and later 4.0 and later

Example:
<P STYLE="font-size: 20pt; width: 500px">
This paragraph uses the normal line height, 
which is based on the current font size 
(20 points, in this case).
<P STYLE="font-size: 20pt; width: 500px; line-height: 150%">
This paragraph uses a line height of 150%. 
This means that each line's height is set 
to 150% of the current font size. Since the 
current font is 20 points, the line height is 
30 points.
How It Looks:

This paragraph uses the normal line height, which is based on the current font size (20 points, in this case).

This paragraph uses a line height of 150%. This means that each line's height is set to 150% of the current font size. Since the current font is 20 points, the line height is 30 points.


| Index | Current Category: Dimensions |
| Previous Style: line-break | Next Style: list-style |