ADVERTISEMENTS

XML Certification
Download XML editor
Custom Programming

Table of contents

Selected Reading
Web Statistics Web Glossary Web Hosting Web Quality W3Schools Tutorials W3Schools Forum Helping W3Schools

CSS line-height Property

Definition

The line-height property sets the distance between lines.

Inherited: Yes

Note: Negative values are not allowed.

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.

p
{
line-height: 1.4
}

p
{
line-height: 14pt
}

p
{
line-height: 140%
}

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

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.