Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML

Print Version

CSS line-height

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


Enjoy this website?

  • Share
  • Add this page to your Favorites
  • Link to this page (copy/paste into your own website or blog):
  • Link to Quackit using one of these banner ads.
  • Help support Quackit by making a donation

Oh, and thank you for supporting Quackit!

© Copyright 2000 - 2010 Quackit.com