CSS/Шрифты и текст: различия между версиями

В этом свойстве через запятую перечисляются шрифты в порядке приоритета. Браузер будет использовать первый из списка. Если первый не будет найден, будет использоваться следующий и так далее. Если ни один не будет найден, тогда браузер применит шрифт по умолчанию. Если в имени шрифта есть пробелы, его необходимо заключать в одинарные или двойные кавычки.

Если в имени шрифта есть пробелы, его необходимо заключать в одинарные или двойные кавычки. После всех шрифтов необходимо добавить семейство шрифтов, из которого будет выбран подходящий шрифт, если требуемых шрифтов не окажется на компьютере.

# serif — шрифты с засечками

# sans-serif — шрифты без засечек

# monospace — моноширинные

# cursive — курсивные

# fantasy — декоративные

# normal — обычный

# italic — курсив

# oblique — наклонный

# normal — обычный

# small-caps — капитель, то есть все строчные символы становятся уменьшенными заглавными

# абсолютные константы: xx-small, x-small, small, medium, large, x-large, xx-large

# относительные константы: smaller, larger

# left — по левому краю

# right — по правому краю

# center — по центру

# justify — по ширине

# underline — подчёркнутый текст

# overline — линия над текстом

# line-through — перечёркнутый текст

# blink — мигающий текст

# none — отмена всех эффектов

# none — нет трансформации (значение по умолчанию)

# uppercase — преобразование всех строчных символов в заглавные

# lowercase — преобразование всех заглавных символов в строчные

# capitalize — преобразование первой буквы каждого слова в заглавную

# baseline — по базовой линии (значение по умолчанию)

# sub — нижний индекс

# super — верхний индекс

# top — верх элемента выравнивается с самым высоким элементом строки

# text-top — верх элемента выравнивается с верхом шрифта родительского элемента

# middle — по середине

# bottom — по нижней части

# text-bottom — низ элемента выравнивается с низом шрифта родительского элемента

# normal — обычное поведение

# pre — пробелы и переносы учитываются

# nowrap — пробелы и переносы не учитываются

# pre-wrap — пробелы учитываются, текст переносится

# pre-line — пробелы не учитываются, текст переносится

Возможные значения:

# h-shadow — смещение тени по горизонтали

# v-shadow — смещение тени по вертикали

# blur — радиус размытия тени

# color — цвет тени

# none — нет тени (значение по умолчанию)

# clip — текст обрезается по размеру блока

# ellipsis — текст обрезается с добавлением многоточия