You are here: Reference > CSS > properties > font-size

font-size property

Browser support:
Specifies the font size of the text.
JavaScript page for this property: fontSize. You can find other example(s) there.

Possible values:

 One of the following values: 
size in non-negative length
The size of the font in length units. For the supported length units, see the length page.
size in non-negative percentage
The size is the specified percentage of the parent element's font size.
xx-small
Equivalent to a value of 1 for the size property of a font tag.
x-small
Equivalent to a value of 2 for the size property of a font tag.
small
Equivalent to a value of 3 for the size property of a font tag.
medium
Equivalent to a value of 4 for the size property of a font tag.
large
Equivalent to a value of 5 for the size property of a font tag.
x-large
Equivalent to a value of 6 for the size property of a font tag.
xx-large
Equivalent to a value of 7 for the size property of a font tag.
larger
Increase the text size by one relative unit.
smaller
Decrease the text by one relative unit.
-webkit-xxx-large
Equivalent to the 48px font-size.
inherit
Takes the value of this property from the computed style of the parent element.
Default: medium.

Example HTML code 1:

This example illustrates the use of the font-size property:
<head>
    <style>
        .font12 {
            font-size: 12px;
        }
        .font24 {
            font-size: 24px;
        }
    </style>
</head>
<body>
    <span class="font12">font-size: 12px;</span><br />
    <span class="font24">font-size: 24px;</span>
</body>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content