Property Description

The font-size property sets the size of a font.

This property has the following syntax:

font-size: xx-small|x-small|small|medium|large|x-large|xx-large|smaller|larger|length|%|initial|inherit;

Property Values

Value	Description
xx-small	Sets the font-size to an xx-small size
x-small	Sets the font-size to an extra small size
small	Sets the font-size to a small size
medium	(default) Sets the font-size to a medium size
large	Sets the font-size to a large size
x-large	Sets the font-size to an extra large size
xx-large	Sets the font-size to an xx-large size
smaller	Sets the font-size to a smaller size than the parent element
larger	Sets the font-size to a larger size than the parent element
length	Sets the font-size to a fixed size in px, cm, etc.
%	Sets the font-size to a percent of  the parent element's font size
initial	Specifies that the value of the property should be set to the default value
inherit	Specifies that the value of the property should be inherited from the parent element

Examples

This example sets the font sizes for several elements.

h1 {font-size:200%;}
h2 {font-size:150%;}
p {font-size:12px;}

This example shows the results of setting the various font-size values:

Browser Support

Chrome	Firefox	IE	Safari	Opera
1.0	1.0	4.0	1.0	3.5

Miscellaneous Information

Inherited:	Yes
Defined In:	CSS1
Default Value:	medium