line-height

The line-height property sets the distance between two adjacent lines' baselines.

Syntax

line-height: normal | <number> | <length> | <percentage> | inherit
Initial: normal
Applies To: all elements
Inherited: yes
Percentages: refer to the font size of the element itself
Media: visual

Values

line-height: value
Value Description
length Horizontal or vertical measurements: em | ex | px | in | cm | mm | pt | pc
normal "Reasonable" value based on the font of the element
number Number multiplied by the element's font-size
percentage Percentage multiplied by the element's font-size

DOM

[window.]document.getElementById("element-id").style.lineHeight = "line-height";

Example | length

Example | normal

Example | number

Example | percentage

Example | DOM

External

W3C Cascading Style Sheets, level 1

W3C Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification