Scholar Repository
Home>Manual>CSS Line-height Property

CSS Line-height Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS line-height Property


CSS Reference 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.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Line-height Property