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.
| Values | Description |
|---|
<absolute-size>
xx-small | xx-small | small | medium | large | x-large |xx-large | |
<relative-size>
larger | smaller | relative to the parent value |
| <length> | |
| <percentage> | relative to the parent value |
inherit | inherited from the parent |
example
font-size : x-small
font-size : large
font-size : x-small
font-size : large
snippet
<html>
<head>
<style>
ol{color: red;}
ul{color: blue;}
</style>
</head>
<body>
<ul>Length
<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>
<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>
<ul>Relative Size
<li style="font-size: larger">larger
<li style="font-size: smaller">smaller
</ul>
<ul>Percentage
<li style="font-size: 50%">50%
<li style="font-size: 100%">100%
</ul>
</body>
</html>
