Font Size in CSS
The font-size Property
The font-size property sets the size of a font. One way to set the size of fonts on the web is to use keywords. There are many predefined keywords like small, medium, large, etc. We can also use numerical values in pixels or ems to manipulate font size. Setting the font size in pixel values (px) is a good choice as it gives you full authority over your content. On the other hand, ems or em is a relative unit. By default, the value of 1em=16px.
Syntax:-
Its syntax is:-
< style >
element{
font-size: medium| xx-small| x-small| small| large| x-large| xx-large| smaller| larger| length| initial| inherit;
}
< /style >
Further Explanation:-
Value | Description |
---|---|
medium | Sets the font size to medium size. |
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 |
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 | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |