CSS font-size property

Property values

mediumDefault

It represents medium sized font.

font-size: medium;

Try it { }

xx-small

It represents smallest size of font.

font-size: xx-small;

Try it { }

x-small

It represents a size which is larger than xx-small but less than small.

font-size: x-small;

Try it { }

small

It represents small size of font.

font-size: small;

Try it { }

large

It represents large of font.

font-size: large;

Try it { }

x-large

It represents size which is smaller than xx-large but larger than large.

font-size: x-large;

Try it { }

xx-large

It represents a size which is greater than x-large.

font-size: xx-large;

Try it { }

larger

It represents font-size larger than the parent element's font-size. For example, if the font-size of parent element is medium then larger represents large font-size for the current element.

font-size: larger;

Try it { }

smaller

It represents smaller font-size than the font-size of parent element. For example, if the font-size of parent element is medium then larger represents small font-size for the current element.

font-size: smaller;

Try it { }

length

22

represents font-size in some unit.

font-size: 22px;

Try it { }

percentage

150

represents font-size in percentage.

font-size: 150%;

Try it { }