font

Суммирующее свойство, позволяющее одной строкой задать сразу несколько параметров шрифта. В отличие от прочих суммирующих свойств данное имеет довольно сложную форму записи: должны обязательно присутсвовать тип шрифта и его размер, значения должны указываться в определённом полустрогом порядке. Лень расписывать детали вручную, приведи лишь строку синтаксиса:
font: [font-style || font-variant || font-weight] font-size [/line-height] font-family

а) color

Цвет текста.

б) font-family

Шрифт текста. Можно перечислить несколько шрифтов через запятую, будет использован первый имеющийся. Если название шрифта содержит пробелы, оно заключается в кавычки (двойные или одинарные). В качестве значений можно использовать либо наименования конкретных шрифтов, либо названия семейств шрифтов, перечисленных ниже:

• serif - шрифты с засечками (антиквенные), типа Times
• sans-serif - рубленные шрифты (шрифты без засечек или гротески), типа Arial
• cursive - курсивные шрифты
• fantasy - декоративные шрифты
• monospace - моноширинные шрифты

Обычно вначале пишут названия шрифтов, а в конце перечисления указывают семейство.

в) font-size

Размер шрифта. Возможные значения:

xx-small x-small small medium large x-large xx-large	xx-small x-small small medium large x-large xx-large	Предустановленные размеры шрифтов (по умолчанию medium). Уточню, что связь со значениями атрибута size дескриптора <font> здесь не совсем прямая
smaller larger	smaller larger	Уменьшение или увеличение размера шрифта по отношению к размеру шрифта родительского элемента
абсолютный размер	8px 2em	Произвльное задание размера шрифта в одной из абсолютных единиц измерения CSS
проценты	50% 150%	Произвольное задание размера шрифта в процентах от размера шрифта родительского элемента

г) font-style

Стиль шрифта. Возможные значения:

normal	Образец Текста	нормальный (по умолчанию)
italic	Образец Текста	курсивный
oblique	Образец Текста	наклонный (согласно учебнику, должен образовываться путём наклона обычных знаков вправо, но на практике отличий от italic мною не обнаружено)

д) font-variant

Способ представления строчных букв. Возможные значения:

normal	Обычный текст	Нормальное написание символов (по умолчанию)
small-caps	Капитель	Строчные буквы заменяются на прописные чуть уменьшенного размера. (Такой способ модификации символов называется капителью, можно порекомендовать использовать при оформлении заголовков.)

е) font-weight

Степень "жирности" текста. Возможные значения:

normal	Образец Текста	нормальный по степени жирности текст (по умолчанию)
bold	Образец Текста	полужирный шрифт
lighter bolder	Образец Текста Образец Текста	увеличение/уменьшение степени насыщенности шрифта относительно соответствующего значения родительского элемента
100 200 300 400 500 600 700 800 900	Образец Текста Образец Текста Образец Текста Образец Текста Образец Текста Образец Текста Образец Текста Образец Текста Образец Текста	одно из девяти значений жирности шрифта (согласно инструкции, жирность нормального текста = 400, стандартного полужирного = 700) (После ряда экспериментов на данных примерах в пяти ведущих браузерах обнаружилось, что точные значения жирности они обрабатывают как-то совершенно непонятно и криво. Либо я что-то не поняла.)

а) letter-spacing

Расстояние между символами. Может принимать значение normal (по умолчанию) или выражаться через абсолютные единицы CSS, в том числе и отрицательные.

б) line-height

Межстрочное расстояние (также называемое интерлиньяжем): от базовой линии одной строки до базовой линии другой. Возможные значения:

• normal - нормальное расстояние между строчками текста (по умолчанию)
• абсолютное расстояние - указывается расстояния между строками в абсолютных единицах CSS
• проценты - расстояние между строками определяется в процентах от текущего значения интерлиньяжа
• множитель - любое положительное число, оно умножается браузером на текущее межстрочное расстояние, и таким образом вычисляется новое. Т.е. аналог процентов.

в) text-align

Горизонтальное выравнивание. Возможные значения: left, right, center, justify. По умолчанию left. Не думаю, что нужны дополнительные комментарии.

г) text-decoration

Добавляет к тексту дополнительные элементы оформления. Возможные значения:

none	Образец Текста	просто текст, без указанных ниже способов оформления (по умолчанию)
underline	Образец Текста	подчёркивание
overline	Образец Текста	линия над текстом
line-through	Образец Текста	перечёркивание
blink	Образец Текста	мерцание текста (не работает в IE)

К тексту можно применить сразу несколько способов оформления, если последовательно перечислить их значения через пробел.

д) text-indent

Величина отступа для первой строки текста (формирование абзаца). Может указываться в абсолютных единицах (в том числе и отрицательных) или в процентах от ширины родительского элемента. По умолчанию = 0. Свойство имеет смысл применять только к дескрипторам, задающим блочную структуру документа (т.е. бессмесленно пытаться засунуть в вещи, подобные <font> или <span>).

е) text-transform

Изменение регистра символов. Возможные значения:

none	обРАЗец ТЕКста	Преобразование регистра отсутствует: как напечатано в исходном коде, так и выводится (значение по умолчанию)
lowercase	обРАЗец ТЕКста	Все символы переводятся в нижний регистр (становятся строчными)
uppercase	обРАЗец ТЕКста	Все символы переводятся в верхний регистр (становятся прописными)
capitalize	обРАЗец ТЕКста	Каждое слово будет начинаться с заглавной буквы. Влияет только на первый символ в слове, остальные никак не меняются

ё) vertical-align

Свойство может быть использовано для двух случаев.
Во-первых, для вертикального выравнивания элементов в контейнере. Возможные значения:

top	по верхнему краю	пример
middle	по центру (значение по умолчанию)	пример
bottom	по нижнему краю	пример

(Ещё читала про значение baseline, но на практике не увидела его отличия от top.)


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

sub	подстрочный текст	Текст ДопримерТекст После
super	надстрочный текст	Текст ДопримерТекст После

ж) white-space

Средство управления пробелами и символами переноса строки. Вернее сказать, свойство определяет, как браузер будет обрабатывать символы пробела и переноса строки, стретившиеся тому во время загрузки веб-документа. Возможные значения:

• normal - стандартное поведение. Символы переноса строки заменяются на пробелы; несколько пробелов подряд заменяются на один; если длина строки в браузере превышает ширину контейнера, она разбивается на несколько. (значение по умолчанию)
• nowrap - неразрывные пробелы. Символы переноса строки заменяются на пробелы; несколько пробелов подряд заменяются на один; но если длина строки в браузере превышает ширину контейнера, то создаются полосы горизонтальной прокрутки. Действие аналогично дескриптору <nobr>
• pre - оригинальное форматирование. Браузер ничего не заменяет и не преобразовывает: как в исходном коде были расставлены пробелы и переносы строк, так они и будут выведены в окне просмотра. Т.е. поведение аналогично дескриптору <pre> за исключением того, что не происходит замена шрифта на моноширинный. (Но есть нюанс. В IE данное значение работает только в том случае, если в составе первой строки указан URL-адрес с DTD-определением используемой версии HTML. Или если документ определён в "строгом" режиме.)
• pre-wrap - аналогично значению pre за одним исключением: если длина строки превышает ширину контейнера, браузер производит её перенос. (В IE работает, начиная с 8-ой версии.)
• pre-line - несколько пробелов заменяются на один, перенос строк - как в коде. Если строка не помещается в контейнер, то разбивается на несколько. (В IE работает, начиная с 8-ой версии.)

Я набросала табличку, отображающую, что сохраняет каждое из возможных значений атрибута.

	normal	nowrap	pre	pre-wrap	pre-line
Пробелы, как в коде	x	x	v	v	x
Переносы строк, как в коде	x	x	v	v	v
Сохранение длины строки	x	v	v	x	x

з) word-spacing

Расстояние между словами. Может выражаться в абсолютных единицах CSS или принимать значение normal (по умолчанию).

и) direction

Определяет направление вывода информации и некоторые другие вещи. Способов практического применения в веб-документах, созданных на европейских языках, я не вижу, поэтому решила детально не рассматривать. Синтаксис:
direction: ltr | rtl

й) unicode-bidi

Указывает направление вывода символов. Что-то типа дополнение-расширение свойства direction, поэтому также особо не вникаю. Синтаксис:
unicode-bidi: normal | embed | bidi-override