Синтаксис
font: font-style font-variant font-weight font-size/line-height|caption|icon|menu|message-box |small-caption|status-bar|inherit;Значения
Значение |
Описание |
font-style | Задает стиль шрифта.Шрифт может иметь следующие стили: normal - обычный (по умолчанию) italic - курсив oblique - наклонный |
font-variant | Свойство font-variant используется для выбора между вариантами normal и small-caps,строчные буквы заглавные и уменьшенные. |
font-weight | Задает жирность шрифта. Шрифт может быть normal или bold. У некоторых браузеров поддерживаются числовые значения от 100 до 900 для описания жирности. |
font-size/line-height | Задает размер шрифта. Используются единицы измерения пикселы,проценты и тд. для описания размера шрифта |
font-family | Определяет семейство шрифта.Указывает список шрифтов, используемых для отображения данного элемента или web-страницы. Если первый шрифт списка не установлен на компьютере,отображается следующий шрифт списка, пока не будет найден подходящий. |
caption | Используется для текста элементов управления (кнопки, списки и т.п.). |
icon | Шрифт используется для текста под иконками. |
menu | Шрифт используется в раскрывающимися меню. |
message-box | Шрифт используется для диалоговых окон (окно сообщения). |
small-caption | Подобно caption, только используется уменьшенный шрифт. |
status-bar | Шрифт используется для строки состояния окна. |
inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
Внешний вид
Задает стиль шрифта.Шрифт может иметь следующие стили:
normal - обычный (по умолчанию)
italic - курсив
oblique - наклонный .
С помощью свойства font можно отредактировать текст, например поменяв толщину шрифта, его размер и высоту строки.
Свойства CSS
- animation
- animation-direction
- appearance
- background-clip
- background-color
- background-image
- background-attachment
- background-repeat
- background-size
- background-position
- border
- column-count
- column-gap
- column-rule
- column-width
- content
- cursor
- direction
- font-family
- filter
- float
- font
- font-size
- font-stretch
- f-style
- f-weight
- l-height
- margin
- max-height
- min-height
- m-top
- opacity
- orphans
- outline
- overflow
- padding
- position
- quotes
- resize
- right
- rotation-point
- table-layout
- text-align
- text-align-last
- text-decoration
- text-indent
- text-justify
- text-overflow
- text-shadow
- text-transform
- top
- transform
- transform-origin
- transform-style
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- vertical-align
- visibility
- white-space
- word-break
- word-spacing
- word-wrap
- z-index