
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:
-
See Also:
-
font,
height,
width
Possible Values:
- [length]
An absolute line height.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
3.0 and later |
4.0 and later |
- normal
Uses the normal HTML line height.
-
Support:
-
W3C Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape 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
|
|