10. Свойства форматирования шрифтов. Свойство font-variant
Каскадные таблицы стилей реализуют еще одну вариацию шрифта выбранного семейства - капитель (small-caps). В шрифте этого стиля все строчные буквы выглядят как прописные, но меньшего размера и с немного измененными пропорциями.
Значение normal свойства font-variant не изменяет вида шрифта, а значение small-caps выбирает вариант капитель шрифта. Каскадные таблицы стилей допускают создание шрифта капитель простой заменой строчных букв масштабированными символами верхнего регистра.
Следующие правила задают отображение заголовка четвертого уровня с наклонной капителью в выделенных частях:
H4 { font-variant : small-caps;}
H4 EM { font-style: oblique;}
Примечание. Свойство font-variant наследуется элементом ЕМ от своего родителя - поэтому в приведенном примере выделенные части заголовка будут отображаться наклонной капителью.
11. Свойства форматирования шрифтов. Свойство font-weight
Это свойство выбирает из заданного семейства шрифт определенной жирности. Всего существуют 9 градаций жирности шрифта, задаваемых числами 100, 200 и так далее до 900. Значение 100 соответствует самому "бледному" шрифту, тогда как 900 - самому "жирному".
Рис.1.
Пример использования различной жирности
Для задания нормального шрифта используется ключевое слово normal, что соответствует цифровому значению 400. Значение bold применяется для выбора общепринятого полужирного начертания шрифта и его цифровым эквивалентом является 700. Выбор определенной градации жирности шрифта не означает, что в семействе существует шрифт с заданной жирностью. Единственное, что гарантируется, - это то, что шрифт с большим значением жирности не светлее предыдущего значения. Некоторые семейства имеют только две градации жирности: нормальную и полужирную.
12. Свойства форматирования шрифтов. Свойство font-size
Это свойство определяет размер шрифта. Его значение может быть абсолютным или относительным. Абсолютное значение можно задать одним из следующих способов.
С помощью ключевых слов. Такими словами являются xx-small, x-small, small, medium, large, x-large, xx-large, которые являются индексами в таблице размеров шрифтов, поддерживаемой браузером. Масштабирующий множитель соседних значений в каскадных таблицах стилей определялся как 1,2. Это означает, что шрифт размера large в 1,2 раза выше шрифта medium и в 1,2 ниже шрифта x-large. По умолчанию браузер использует значение medium.
В виде абсолютного значения длины, например: 10pt. В этом случае высота шрифта не зависит от хранимой таблицы размеров шрифтов браузера.
Ключевые слова для задания относительного размера шрифта интерпретируются относительно таблицы размеров шрифтов и размера шрифта элемента-родителя. Возможными значениями могут быть: larger и smaller. Например, если родитель имеет размер шрифта medium, то значение larger сделает шрифт текущего элемента равным large. Относительный размер шрифта можно задать также в процентах к размеру шрифта родителя или в относительных единицах длины:
P {font-size: 10pt;}
ЕМ {font-size: 120%;}
Последнее правило для выделенного в абзаце элемента ЕМ определяет высоту шрифта 12pt.
Примечание. В этом разделе мы использовали некоторые единицы измерения значений каскадных таблиц стилей. Наиболее употребительными единицами измерения являются:
px - пиксели (точки экрана, размер которых зависит от установок монитора и видеокарты);
pt - пункты (72 пункта на дюйм);
in - значение в дюймах;
cm - значение в сантиметрах;
mm - значение в миллиметрах;
pc - значение в пиках (1pc=12pt).
Все перечисленные единицы измерения, за исключением первой, являются абсолютными, то есть браузер будет пытаться показать все в натуральную величину, без учета установок компьютера пользователя.