/css/font-size:> Размер шрифта_

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

Синтаксис

CSS 1

CSS 2‒2.2

CSS 3

font-size: <абсолютный-размер> | <относительный-размер> | <длина> | <проценты>;

font-size: <абсолютный-размер> | <относительный-размер> | <длина> | <проценты> | inherit;

font-size: <абсолютный-размер> | <относительный-размер> | <длина> | <проценты>;

Описание

Свойство font-size устанавливает размер шрифта.

Применяется:	ко всем элементам;
Наследование:	отсутствует;
Проценты:	относительно унаследованного размера шрифта;
Медиа:	визуальные.

Условия использования

При указании размера в единицах длины и процентах значение свойства должно быть больше нуля.

JavaScript

[объект].style.fontSize="[значение]";

Поддержка браузерами

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.

Спецификация

CSS	Раздел
1	5.2.6 'font-size'	Перевод
2	15.2.4 Font size: the 'font-size' and 'font-size-adjust' properties
2.1	15.7 Font size: the 'font-size' property	Перевод
2.2	15.7 Font size: the 'font-size' property
3	3.5 Font size: the font-size property	Перевод

Значения

<абсолютный-размер>

Указывается ключевое слово, являющееся индексом в таблице размеров шрифтов. В CSS определены следующие ключевые слова абсолютного-размера:

xx-small: Устанавливает самый мелкий размер текста. (Эквивалентен HTML размеру шрифта равному «1» или размеру шрифта h6.)
font-size: xx-small;
x-small: Устанавливает мелкий размер текста, чуть больший чем «xx-small».
font-size: x-small;
small: Устанавливает маленький размер текста. (Эквивалентен HTML размеру шрифта равному «2» или размеру шрифта h5.)
font-size: small;
medium: устанавливает средний размер текста. (Эквивалентен HTML размеру шрифта равному «3» или размеру шрифта h4.)
font-size: medium;
large: Устанавливает крупный размер текста. (Эквивалентен HTML размеру шрифта равному «4» или размеру шрифта h3.)
font-size: large;
x-large: Устанавливает очень крупный размер текста. (Эквивалентен HTML размеру шрифта равному «5» или размеру шрифта h2.)
font-size: x-large;
xx-large: Устанавливает самый крупный размер текста. (Эквивалентен HTML размеру шрифта равному «6» или размеру шрифта h1.)
font-size: xx-large;

<относительный-размер>

Указывается ключевое слово, которое интерпретируется относительно таблицы размеров шрифта и размера шрифта родительского элемента. В CSS определены следующие ключевые слова относительного-размера:

smaller: Уменьшает размер шрифта элемента относительно размера шрифта родительского элемента.
font-size: smaller;
larger: Увеличивает размер шрифта элемента относительно размера шрифта родительского элемента.
font-size: larger;

Прочие значения

<длина>: Указывает размер шрифта в определённых единицах измерения.
font-size: 28pt;
<проценты>: Указывает размер шрифта в процентах относительно базового значения. (За базовое значение принимается значение родительского элемента равное 100%.)
font-size: 190%;
inherit: Указывает, что элемент должен унаследовать параметры родительского элемента.

Начальное значение: «medium».

Пример использования

Листинг кода

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство font-size</title>
<style type="text/css">
.abs { font-size: x-small; }
.em { font-size: 0.75em; }
.px { font-size: 25px; }
.in { font-size: 0.5in; }
.pt { font-size: 18.8pt; }
.pc { font-size: 0.8pc; }
.per { font-size: 59%; }
</style>
</head>
<body>
<h1>Размер шрифта</h1>
<p>Случайные размеры: <span class="abs">x-small</span> | <span class="em">0.75em</span> | <span class="px">25px</span> | <span class="in">0.5in</span> | <span class="pt">18.8pt</span> | <span class="pc">0.8pc</span> | <span class="per">59%</span>.</p>
</body>
</html>

Свойство font-size