The line-height property (CSS Reference)
Introduction
The line-height property can be used to set the height
between lines. The distance is dependent on the size of the font.
Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>line-height Demonstration</title>
</head>
<body>
<h1><p>The line-height
demonstration.</p></h1>
<span style="color:red;line-height:normal;">
This is some text with<br>
linebreak. Note the normal distance between the lines.
<br/>
We are using here the line-height style with the normal
value.
</span>
<hr/>
<span style="color:blue;line-height:30px;">
This is some text with<br>
linebreak. Note the space between the lines. <br/>
We are using here the line-height style.
</span>
<hr/>
<span style="color:green;line-height:5;">
This is some text with<br>
linebreak. Note the space between the lines. <br/>
We are using here the line-height style.
</span>
</body>
</html>
Output
Values
|
Name:
|
Description:
|
|
normal
|
This value can be used to set the line-height back to
normal. It can be useful if you do not want to use any of the previous
applied settings.
|
|
number
|
To set the optimal line-height dimension you can multiply
this number by the font size.
|
|
length
|
The following values can be also used to define the
line-height distance:
cm (centimeter)
em (ems)
inch (inches)
mm (millimeters)
pc (picas)
px (pixels)
pt (points)
|
|
percentage
|
Defines the distance of the line-height in percentages.
You have to use the percentage sign %.
|
|
Email TopXML