CSS font-size Property
Complete CSS Reference
Definition
The font-size property sets the size of a font.
Inherited: Yes
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.fontSize="larger"
In our HTML DOM tutorial you can find more details about the
fontSize property.
In our HTML DOM tutorial you can also find a full
Style Object Reference.
Example
body
{
font-size: x-large
}p
{
font-size: 10px
}
|
Possible Values
Value |
Description |
xx-small
x-small
small
medium
large
x-large
xx-large |
Sets the size of the font to different sizes, from xx-small
to xx-large. Default value: medium |
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 |
% |
Sets the font-size to a % of the parent element |
Try-It-Yourself Demos
Set the size of the font
This example demonstrates how to set the size of a font.
Complete CSS Reference
 |

|
|
See why there are 20,000+ Ektron integrations worldwide.
Request an INSTANT DEMO or download a FREE TRIAL today. |
|
|
|