Свойство font-size устанавливает размер шрифта.
Это свойство применимо ко всем элементам.
Значение свойства font-size
Абсолютный размер шрифта:
| Значение | Соответствие с размерами шрифта в HTML |
| xx-small | 1 |
| x-small | |
| small | 2 |
| medium | 3 |
| large | 4 |
| x-large | 5 |
| xx-large | 6 |
| 7 |
В HTML размер шрифта задается в условных единицах от 1 до 7.
Относительный размер шрифта:
- larger и smaller - устанавливают размер шрифта больше и меньше на одно значение относительно размера шрифта родительского элемента.
В единицах, принятых в CSS (подробнее здесь...).
Например, в пикселях от 9 до 36 или процентах относительно размера шрифта родительского элемента,
- inherit - принимает значение свойства родительского элемента.
- medium или 3 размер шрифта.
<html>
<head>
<meta charset="utf-8">
<title> Свойство font-size </title>
</head>
<body>
<p style="font-size:150%"> Размер шрифта составляет 150% от размера по умолчанию. </p>
<p> Размер шрифта по умолчанию. </p>
<p style="font-size:36px"> Размер шрифта 36 пикселей. </p>
<p style="font-size:9px"> Размер шрифта 9 пикселей. </p>
<p style="font-size:large"> Абсолютный размер шрифта. <span style="font-size:smaller"> Относительный размер - меньше текущего шрифта, заданного с помощью значения large, на одну условную единицу. </span> </p>
</body>
</html>
Размер шрифта составляет 150% от размера по умолчанию.
Размер шрифта по умолчанию.
Размер шрифта 36 пикселей.
Размер шрифта 9 пикселей.
Абсолютный размер шрифта. Относительный размер - меньше текущего шрифта, заданного с помощью значения large, на одну условную единицу.
