справочник CSS: свойства шрифта

Типографские значения pt, pc
pt — пункты (72 пункта на дюйм)
pc — пики (1 пика равна 12 пунктам)
Экранные значения px
px — пикселы — элемент экрана, размер которого зависит от установок монитора и видеокарты.
Абсолютные значения длины in, cm, mm
in — дюймы
cm — сантиметры
mm — миллиметры

Первая колонка таблицы содержит название свойства CSS, а также (выделено цветом) название соответствующего свойства объекта style.

Пусть, например, в HTML-коде задан такой элемент:

Если, в процессе интерактивного взаимодействия страницы с пользователем, необходимо изменить размер шрифта элемента "block", то это достигается следующими строками на JavaScript:


var block=document.all["block"].style;
block.fontSize = "large";

Во второй колонке таблицы приводятся возможные значения свойства. При этом, запись в угловых скобках означает целое семейство значений, а запись без угловых скобок — задает допустимое ключевое слово, которое можно записывать в качестве значения свойства.

свойство	описание
font-family `fontFamily`	Значения Название семейства шрифта (например, `"New York"`) или родовое название (`serif`, `sans-serif`, `monospace`,`cursive`,`fantasy`). По умолчанию Устанавливается браузером. Поддерживается Всеми элементами. Наследование Да. Процентная запись Нет. Можно установить несколько возможных значений в порядке предпочтения (на случай, когда у пользователя не окажется нужного шрифта). Значения-указания разделяются запятыми: font-family:Arial,Geneva,Helvetica,sans-serif; Испытатель
font-size `fontSize`	Значения <абсолютный>, <относительный>, <длина>, <процент> <абсолютный> — `xx-small`, `x-small`, `small`, `medium`, `large`, `x-large`, `xx-large` <относительный> — `larger`, `smaller` <длина> — в любых допустимых единицах измерения <процент> — значения представлены в процентах от родительского размера шрифта По умолчанию `medium` Поддерживается Всеми элементами. Наследование Да. Процентная запись Да. Испытатель
font-style `fontStyle`	Значения `normal`, `italic`, `oblique` По умолчанию `normal` Поддерживается Всеми элементами. Наследование Да. Процентная запись Нет. Испытатель
font-variant `fontVariant`	Значения `normal`, `small-caps` По умолчанию `normal` Поддерживается Всеми элементами. Наследование Да. Процентная запись Нет. Испытатель
font-weight `fontWeight`	Значения `normal`, `bold` , `bolder`, `lighter` или число от 100 до 900 По умолчанию `normal` Поддерживается Всеми элементами. Наследование Да. Процентная запись Нет. Если используется числовое значение, то оно должно быть кратным 100. Значение 400 — это то же, что `normal`, 700 — то же, что и `bold`. Испытатель
font `font`	Значения <font-style> <font-variant> <font-weigth> <font-size>/<font-heigth> <font-family> По умолчанию Не определено. Поддерживается Всеми элементами. Наследование Да. Процентная запись Только для <font-size> и <font-heigth>. Это свойство позволяет установить сразу несколько характеристик шрифта. Разделитель значений — пробел. Порядок значений важен, но любое значение может быть опущено, кроме <font-size> и <font-family>: `font: bold 12pt/14pt sans-serif` Испытатель

свойство

описание

font-family
fontFamily

Значения

Название семейства шрифта (например, "New York") или родовое название (serif, sans-serif, monospace,cursive,fantasy).

По умолчанию Устанавливается браузером.
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет.

Можно установить несколько возможных значений в порядке предпочтения (на случай, когда у пользователя не окажется нужного шрифта). Значения-указания разделяются запятыми:

font-family:Arial,Geneva,Helvetica,sans-serif;

Испытатель

font-size
fontSize

Значения <абсолютный>, <относительный>, <длина>, <процент>

<абсолютный> — xx-small, x-small, small, medium, large, x-large, xx-large
<относительный> — larger, smaller
<длина> — в любых допустимых единицах измерения
<процент> — значения представлены в процентах от родительского размера шрифта

По умолчанию medium
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Да.

Испытатель

font-style
fontStyle

Значения normal, italic, oblique
По умолчанию normal
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет.

Испытатель

font-variant
fontVariant

Значения normal, small-caps
По умолчанию normal
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет.

Испытатель

font-weight
fontWeight

Значения

normal, bold , bolder, lighter или число от 100 до 900

По умолчанию normal
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет.

Если используется числовое значение, то оно должно быть кратным 100. Значение 400 — это то же, что normal, 700 — то же, что и bold.

Испытатель

font
font

Значения

<font-style> <font-variant> <font-weigth> <font-size>/<font-heigth> <font-family>

По умолчанию Не определено.
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Только для <font-size> и <font-heigth>.

Это свойство позволяет установить сразу несколько характеристик шрифта. Разделитель значений — пробел. Порядок значений важен, но любое значение может быть опущено, кроме <font-size> и <font-family>:
font: bold 12pt/14pt sans-serif

Испытатель

единицы измерения

свойства шрифта