Quackit

This is the print version of http://www.quackit.com/css/properties/css_line-height.cfm


CSS line-height (Print Version)

Also see the full, alphabetical list of CSS properties


The CSS line-height property is similar to leading in desktop publishing - it determines the "line height". This results in lines of text appearing closer together or further apart.

Also see the letter-spacing and word-spacing properties.

Tip: Use CSS font to set the most common font properties in one go.

Syntax: line-height: <value>;
Possible Values:
  • normal
  • <length> - for example, 10px
  • <number> - multiplied with the current font size
  • <percentage> - for example, 130% of current font size
  • inherit
Initial Value: normal
Applies to: All elements
Inherited: Yes
Media: Visual
Example: p { line-height: 180%; }
Try it yourself!


Also see all CSS properties listed alphabetically


© Copyright 2000 - 2010 Quackit.com