English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство font CSS устанавливает стиль текста, вариации, жирность, размер/высоту строки и семейство шрифтов для элементов. Это используется в одномfont-style,font-variant,font-weight,font-size,line-heightиfont-familyКраткие свойства для установки различных свойств шрифта в
В таблице приведено описание использования и историю версий этого свойства, а также синтаксис использования этого свойства в скриптах JavaScript.
| Значение по умолчанию: | Просмотр всех свойств |
|---|---|
| Подходит для: | Все элементы |
| Наследование: | Да |
| Анимируемо: | Да, потому что некоторые свойства транскрипции могут анимироваться.Да, потому что некоторые свойства транскрипции могут анимироваться. Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| Синтаксис JavaScript: | object.style.font="italic small-caps bold 14px arial,sans-serif" |
Синтаксис этого свойства такой:
font: [ font-style font-variant font-weight font-size/line-height font-family ] | caption | icon | menu | message-box | small-caption | status-bar | initial | inherit
При использовании сокращенного свойства шрифта необходимо satisfy some conditions. Если эти условия не выполняются, то свойство становится недействительным и полностью игнорируется.
Должно быть определеноfont-sizeиfont-familyдо определения значения свойства.
Должно бытьfont-sizeзначение (если есть)font-style,font-variantиfont-weightзначение свойства.
line-heightДолжно бытьfont-sizeОпределите значение свойства сразу после свойства и добавьте обязательную «/» (обратную косую черту) перед ним.
font-familyДолжно быть последним определенным значением.
Ниже приведены примеры использования свойства font, обратите внимание на порядок значений свойств.
h1 {
font: bold 2.5em "Times New Roman", Times, serif;
}
p {
font: normal 1.2em Arial, Helvetica, sans-serif;
}Проверьте, ›/›Ниже в таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
| font-style | Установить стиль шрифта. |
| font-variant | Установить вариацию шрифта. |
| font-weight | Установить толщину шрифта. |
| font-size | Установить размер шрифта. |
| line-height | Установить высоту строки. |
| font-family | Указать семейство шрифтов. |
| initial | Установить это свойство в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент принимает значения свойств font родительского элемента. |
Следующие значения представляют собой системные шрифты: | |
| caption | Шрифт, используемый для заголовков элементов (например, кнопок, выпадающих меню и т.д.). |
| icon | Шрифт, используемый для маркировки иконок. |
| menu | Шрифт, используемый в меню (например, в выпадающих меню и списках меню). |
| message-box | Шрифт, используемый в диалоговых окнах. |
| small-caption | Шрифт, используемый для маркировки малых элементов. |
| status-bar | Шрифт, используемый в строке состояния окна. |
Совместимость браузеров для свойств font, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к следующим руководствам:CSS шрифты,CSS текст.
Соответствующие свойства и правила:font-style,font-variant,font-weight,font-size,line-height,font-family,@font-face.