Font size

The font-size property is used to specify the font size(baseline to baseline) the browser uses to render the characters.

The values of font-size are.

xx-small | xx-small | small | medium | large | x-large |xx-large
larger | smaller
relative to the parent value
<percentage>relative to the parent value
inheritinherited from the parent

font-size : x-small
font-size : large
font-size : x-small
font-size : large

ol{color: red;}
ul{color: blue;}
<li style="font-size: 1.2em">1.2em
<li style="font-size: 1.2ex">1.2ex
<li style="font-size: 20px">20px
<li style="font-size: 0.5in">0.5in
<li style="font-size: 5mm">5mm
<li style="font-size: 15pt">15pt
<li style="font-size: 2pc">2pc

<ul>Absolute Size
<li style="font-size: xx-small">xx-small
<li style="font-size: small">small
<li style="font-size: large">large
<li style="font-size: xx-large">xx-large

<ul>Relative Size
<li style="font-size: larger">larger
<li style="font-size: smaller">smaller

<li style="font-size: 50%">50%
<li style="font-size: 100%">100%

Related Tutorial
9 Font
Follow Us #