< на главную
Свойства
- 1. Влияющие на шрифт
- a) color
- б) font-family
- в) font-size
- г) font-style
- д) font-variant
- е) font-weight
- ё) text-decoration
- ж) text-transform
- 2. Влияющие на формирование текста
- а) letter-spacing
- б) line-height
- в) text-align
- г) text-indent
- д) vertical-align
- е) white-space
- ё) word-spacing
1. Свойства, влияющие на шрифт
а) color
Цвет текста.
б) font-family
Определяет шрифт, которым будет отображаться текст. Можно перечислить несколько шрифтов через запятую, будет использован первый имеющийся. Если название шрифта состоит из нескольких слов, оно заключается в кавычки (или апострофы ('), если используется в атрибуте style). Может быть указан как конкретный шрифт, так и семейство шрифтов (serif, sans-serif, cursive, fantasy, monospace).
в) font-size
Размер шрифта. Возможные значения:
- xx-small, x-small, small, medium, large, x-large, xx-large - задаёт один из семи предустановленных размеров шрифтов, аналогично атрибуту size дескриптора <font> (по умолчанию small)
- larger, smaller - изменение размера шрифта на одну условную html-единицу больше или меньше родительского
- Абсолютный_размер - задаёт размер шрифта в одной из абсолютных единиц измерения CSS
- Относительный_размер% - задаёт размер в процентах от размера шрифта родительского элемента
г) font-style
Стиль шрифта. Возможные значения: normal (нормальное, по умолчанию) и italic (курсивное) (а также oblique, но его отличие от italic мне пока не понятно).
д) font-variant
Разновидность шрифта. Возможные значения:
- normal - нормальное написание символов (по умолчанию)
- small-caps - как я поняла, строчные буквы заменяются на малые прописные
Примеры:
<span style="font-variant:normal">Абра-Кадабра, Abra-Kadabra</span> - Абра-Кадабра, Abra-Kadabra
<span style="font-variant:small-caps">Абра-Кадабра, Abra-Kadabra</span> - Абра-Кадабра, Abra-Kadabra
е) font-weight
Степень "жирности" текста. Возможные значения:
- normal - нормальный по степени жирности текст (по умолчанию)
- bold - полужирный шрифт
- bolder, lighter - увеличение/уменьшение степени жирности шрифта относительно соответствующего значения родительского элемента
- 100, 200, ... , 900 - одно из восьми значений жирности шрифта (жирность нормального текста = 400)
ё) text-decoration
Добавляет к тексту различные спецэффекты. Возможные значения:
- underline - подчёркивание
- overline - линия над текстом
- line-through - зачёркивание
- blink - мерцание текста (не работает в IE)
- none - без каких-либо дополнительных эффектов (по умолчанию)
К тексту можно применить сразу несколько спецэффектов, если последовательно перечислить их значения (без запятой).
ж) text-transform
Приведение регистра символов в тексте в соответствие с некоторым правилом. Возможные значения:
- uppercase - все символы переводятся в верхний регистр
- lowercase - все символы переводятся в нижний регистр
- capitalize - все слова состоят из строчных букв, но начинаются с прописной
- none - преобразований регистра не производится (по умолчанию)
2. Свойства, влияющие на формирование текста
а) letter-spacing
Расстояние между символами.
б) line-height
Высота между строками текста. Возможные значения:
- normal - нормальное расстояние между строчками текста (по умолчанию)
- Абсолютное_расстояние - указывается расстояния между строками текста в абсолютных единицах CSS
- Относительное_расстояние% - расстояние между строками определяется в процентах от соответствующего значения родительского элемента
в) text-align
Тип выравнивания. Возможные значения: left, right, center, justify.
г) text-indent
Отступ для первой строки текста (формирование абзаца). Может указываться в абсолютных единицах или в процентах от значения одноимённого свойства родительского элемента.
д) vertical-align
Определяет вертикальное выравнивание элемента по отношению к области, где тот находится. Возможные значения: baseline, bottom, middle, sub, super, text-bottom, text-top, top. Можно задать в процентах (ПРОВЕРИТЬ).
е) white-space
Тип пробелов. Возможные значения:
- normal - нормальные (по умолчанию)
- nowrap - неразрывные (браузер не разбивает длинный текст на строчки, а вместо этого создаёт полосу горизонтальной прокрутки)
- pre - предыдущие (чем отличаются от normal - пока не поняла)
ё) word-spacing
Расстояние между словами.