1. Home
  2. Computing & Technology
  3. Web Design / HTML

line-height

By , About.com Guide

line-height Description:

The line-height property defines height of each line, sometimes called leading.

line-height in CSS Versions:
line-height Syntax:

line-height: normal | <number> | <length> | <percentage> | inherit

  • normal
    A reasonable value for the element's font size, usually 1.0 to 1.2.
  • number
    The font size multiplied by the numerical value given.
  • length
    A specific length (include unit of measure).
  • percentage
    A percentage of the element's font size.
  • inherit
    The element should have the same line-height setting as the parent.
line-height Initial Value:

normal

line-height Applies To:

All elements.

line-height Inheritance:

This property is inherited.

line-height Browser Support:
line-height Examples:

Uppercase

<p style="line-height: 1.5em;>
This paragraph has a line height of 1.5 ems or 150% of the font size.
</p>

line-height Special Notes:
  • Negative values are not allowed.
  • Internet Explorer 3 interprets a number as a specific length in pixels.
More line-height Information:

Return to the Style Library

Explore Web Design / HTML
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. CSS
  5. Style Properties
  6. CSS Style Property: line-height>

©2009 About.com, a part of The New York Times Company.

All rights reserved.