Свойство font-size

Задает размер шрифта

font-size: 15px;
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все

Значения

font-size: 20px;

Размер шрифта в указанных единицах. Возможные единицы: px, em, rem, %, vh, vw

<style>
.example-1 {
    font-size: 20px;
}
</style>

<p class="example-1">Обычный текст</p>

Обычный текст

font-size: medium;

Размер шрифта используя ключевые слова. Возможные значения: xx-small, x-small, small, medium, large, x-large, xx-large

<style>
.example-2 {
    font-size: medium;
}
</style>

<p>Обычный текст</p>
<p class="example-2">Обычный текст</p>

Обычный текст

Обычный текст

font-size: larger;

Размер шрифта используя ключевые слова, которые зависят от родителя. Возможные значения larger - размер шрифта элемента будет больше чем у родителя, smaller - размер шрифта элемента будет меньше чем у родителя.

<style>
.example-3 {
    font-size: larger;
}
</style>

<p>Обычный текст</p>
<p class="example-3">Обычный текст</p>

Обычный текст

Обычный текст

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии