CSS line-height Property
 Complete CSS Reference
Definition
The line-height property sets the distance between lines.
Inherited: Yes
Note: Negative values are not allowed.
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.lineHeight="2"
In our HTML DOM tutorial you can find more details about the
lineHeight property.
In our HTML DOM tutorial you can also find a full
Style Object Reference.
Example
|
p
{
line-height: 1.4
}
p
{
line-height: 14pt
}
p
{
line-height: 140%
}
|
Possible Values
| Value |
Description |
| normal |
Default. Sets a reasonable distance between lines |
| number |
Sets a number that will be multiplied with the current
font-size to set the distance between the lines |
| length |
Sets a fixed distance between the lines |
| % |
Sets a distance between the lines in % of the current font
size |
Try-It-Yourself Demos
Specify the
space between lines using a percent value
This example demonstrates how to specify the space between the lines in a paragraph
using a percent value.
Specify the space between lines using a pixel value
This example demonstrates how to specify the space between the lines in a paragraph
using a pixel value.
Specify the space between lines using a number value
This example demonstrates how to specify the space between the lines in a paragraph
using a number value.
Complete CSS Reference
Want To Be A Web Master?
If you want to be a Web Master, you will have to host your web site with an ISP (Internet Service Provider).
MaximumASP offers seven different configurations of dedicated servers to meet your Windows and .NET hosting needs.
Hosted on our multi-tiered Enterprise Class network, these servers provide the performance, security and reliability
you need to host your high end web sites and applications.
Visit MaximumASP
| 
HOME
Printer friendly page
