CSS GUIDE FONT SIZE

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

Summary

The font-size property is used to control the size of a font for a defined section. The size can be declared absolutely, relatively to the user's default font size.

Applicability:	The font-size property can be used for all CSS elements.
Inherited:	Yes

Syntax

TARGET_ELEMENT { font-size: 12pt; }
TARGET_ELEMENT { font-size: larger }
TARGET_ELEMENT { font-size: 150% }
TARGET_ELEMENT { font-size: 1.5em }

Legal Values

Values can be entered in 4 ways:

Method	Range	Example
Absolute-size	xx-small | x-small | small | medium | large | x-large | xx-large	"medium" maintains the default font-size
Relative-size	larger | smaller	(Relative to parent or user font table)
Length	Positive point value	12pt.
Percentage	Positive percentage value	150%(Relative to parent or user font table)

See usage examples section for more details.

Usage Examples

p{font-size: xx-large}  /*Set paragraph text to be very large.*/

h1{font-size: 250%}  /*Set h1 (level 1 heading) text to 2.5 times the size of the parent of user font table.*/

span{font-size: 8pt;}  /*Sets text enclosed within span tag to be standard 8pt font*/

Notes

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

Specification Conformance

• CSS 1
• CSS 2.1
• CSS 3