font-size
Оновлено: 27.05.2022
font-size
Визначає розмір елемента шрифту. Розмір може бути встановлений декількома способами. Набір констант (xx-small, x-small, small, medium, large, x-large, xx-large) визначає розмір, який називається абсолютним. Правду кажучи, вони не зовсім абсолютні, оскільки залежать від налаштувань браузера та операційної системи.
Інший набір констант (larger, smaller) встановлює відносні розміри шрифту. Оскільки розмір успадкований від батьківського елемента, ці відносні розміри застосовуються до батьківського елемента для визначення розміру шрифту поточного елемента.Зрештою, розмір шрифту залежить від значення властивості font-size у батьків елемента.
Сам розмір шрифту визначається як висота від базової лінії до верхньої межі кегельного майданчика, як показано на рис. 1.
Коротка інформація
| Значення за замовчуванням | medium |
| Наслідується | Так |
| Застосовується | До всіх елементів |
| Анімується | Так |
Синтаксис
font-size: <абсолютный размер> | <относительный размер> | <размер> | <проценты>Значення
Для встановлення абсолютного розміру використовуються такі значення: xx-small, x-small, small, medium, large, x-large, xx-large. Їх відповідність з розміром шрифту HTML наведено в табл. 1.
| CSS | xx-small | x-small | small | medium | large | x-large | xx-large | Нет |
|---|---|---|---|---|---|---|---|---|
| HTML | 1 | Нет | 2 | 3 | 4 | 5 | 6 | 7 |
Відносний розмір шрифту визначається значеннями larger і smaller.
Також дозволяється використовувати будь-які допустимі одиниці CSS: em (висота шрифту елемента), ex (висота символу x), пункти (pt), пікселі (px), відсотки (%) та інших. За 100% береться розмір шрифту батьківського елемента. Негативні значення не допускаються.
Приклад
Результат цього прикладу показано на рис. 1.
Об'єктна модель
Об'єкт.style.fontSize