CSS fontСвойство
Пример
Задаёт все свойства шрифта в одном объявлении:
p.ex1
{
font:15px arial,sans-serif;
}
p.ex2
{
font:italic bold 12px/30px Georgia, serif;
}
Попробуйте сами »
Дополнительные примеры внизу этой страницы.
Определение свойства и инструкции по использованию
Сокращённое свойство font задаёт все свойства шрифта в одном объявлении.
Настраиваемые свойства (в порядке): "font-style font-variant font-weight font-size/line-height font-family"
Значения font-size и font-family обязательны. Если другие значения отсутствуют, будут вставлены значения по умолчанию, если они есть.
Примечание:Свойство line-height задаёт расстояние между строками.
| Значение по умолчанию: | не указано |
|---|---|
| Наследуется: | да |
| версия: | CSS1 |
| Синтаксис JavaScript: | object.style.font="italic small-caps bold 12px arial,sans-serif" |
Поддержка браузеров
Числа в таблице указывают номер первой версии браузера, поддерживающей это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Свойства шрифта
| Значение | Описание |
|---|---|
| font-style | Задаёт стиль шрифта. См. возможные значения вfont-style. |
| font-variant | Задаёт варианты шрифта. См. возможные значения вfont-variant. |
| font-weight | Задаёт насыщенность шрифта. См. возможные значения вfont-weight. |
| font-size/line-height | Задаёт размер шрифта и высоту строки. См. возможные значения вfont-sizeиline-height. |
| font-family | Задаёт семейство шрифта. См. возможные значения вfont-family. |
| caption | Определяет шрифт, используемый элементами управления заголовка (такими как кнопки, раскрывающиеся списки и т. д.). |
| icon | Определяет шрифт, используемый для подписей к значкам. |
| menu | Определяет шрифт, используемый раскрывающимися списками. |
| message-box | Определяет шрифт, используемый диалоговыми окнами. |
| small-caption | Уменьшенная версия шрифта заголовка. |
| status-bar | Определяет шрифт, используемый строками состояния окна. |
Другие примеры
В этом примере демонстрируются некоторые другие значения свойства шрифта.
Связанные статьи
Учебник по CSS:Шрифт CSS
Другие расширения