Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Свойство CSS font-size

Перейти к справке 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 Firefox Internet Explorer Opera Safari
Свойство 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


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


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта