CSS свойство font-size, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-7658335Перейти к справке CSS

h1 {font-size:250%} h2 {font-size:200%}

p {font-size:100%}

Описание и использование

Свойство CSS font-size задает размер шрифта.

Значение по умолчанию medium
Наследование да
Версия CSS CSS 1
Синтаксис JavaScript object.style.fontSize=»larger»

Поддержка в браузерах

chrome-3371270 firefox-2468349 ie-5522525 opera-4776933 safari-5839141
Свойство font-size поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.

Возможные значения свойства font-size

Значение Описание
xx-small Сверхмалый шрифт*
x-small Очень маленький шрифт*
small Маленький шрифт*
medium Средний шрифт. Размер по умолчанию*
large Большой шрифт*
x-large Очень большой шрифт*
xx-large Сверхбольшой шрифт*
smaller Размер шрифта меньше, чем у родительского элемента
larger Размер шрифта больше, чем у родительского элемента
размер Размер шрифта в фиксированных величинах, px (пиксели), cm (сантиметры) и тд
% Размер шрифта в % от размера шрифта родительского элемента
inherit Значение наследуется от родительского элемента

*Чтобы было понятно, как отображаются шрифты с заданными размерами, я сделал пример:

xx-small x-small small medium large x-large xx-large

Связанные страницы

Учебник CSS: Форматирование шрифта текста

Справка CSS: Свойство font

up_violet-7658335Перейти к справке CSS