CSS GUIDE LINE HEIGHT

This document is a work in progress and is subject to change.

Summary

The line-height property specifies the height of an in-line element box.

Applicability:	The line-height property can be used for all CSS elements.
Media Group:	Visual
Inherited:	Yes

Syntax

TARGET_ELEMENT { line-height: value }

Legal Values

Values can be entered in 4 ways:

Method	Example
normal	Sets set the computed value to a "reasonable" value based on the font size of the element
length	The box height is set to this length.
number	The box height is set to this number multiplied by the element's font size.
percentage	The box height is set to this percentage multiplied by the element's computed font size.

See usage examples section for more details.

Usage Examples

TARGET_ELEMENT { line-height: 1.2; font-size: 10pt }     /* number */
TARGET_ELEMENT { line-height: 1.2em; font-size: 10pt }   /* length */
TARGET_ELEMENT { line-height: 120%; font-size: 10pt }    /* percentage */

Notes

The World Wide Web Consortium (W3C) provides a free online CSS validation service.

Specification Conformance

• CSS 1
• CSS 2.1
• CSS 3

See Also

Back to CSS Index