|
|
"Каскадные таблицы стилей — свойства шрифта"
| font-family |
Используется для указания шрифта или семейства шрифта, которым будет отображаться элемент. Если указать URL, то шрифт автоматически установится на компьютер
пользователя.
p {font-family: Arial, Helvetica, sans-serif;}
p {font-family: Arial Black URL('./font/arialblack.ttf')} |
| font-size |
Используется для указания размера шрифта. Значения для этого свойства могут быть выражены несколькими способами. Можно использовать:
• абсолютные размеры:
xx-small, x-small, small, medium, large, x-large, xx-large;
• относительные размеры: smaller, larger;
• любые принятые единицы измерения;
• процентным отношением (процент считается от родительского размера шрифта).
h1 {font-size: 30pt;}
h2 {font-size: 30px;}
h1 {font-size: 30%;} |
| font-style |
Используется для определения стиля вашего шрифта (обычное начертание или курсив). Если указанное вами начертание данного шрифта существует (например, Arial Oblique),
то оно будет применено. В противном случае начертание будет исправленно программно. Возможные значения:
• normal — обычное начертание;
• italic — курсив;
• oblique —
имеющееся начертания данного шрифта или аналог курсова.
p {font-style: normal;}
p {font-style: italic;} |
| font-variant |
Позволяет указать, строчными или прописными символами будет отображаться текст. Netscape не поддерживает данной свойство. Возможные варианты:
• normal — обычный размер
символов (как символы набраны в тексте, так они отображаются и в браузере);
• small-caps — прописные буквы.
p {font-variant: small-caps;} |
| font-weight |
Определяет «жирность» текста. Если используется числовое значение, то число обязательно должно быть кратно 100. Возможные варианты:
• normal — обычное
начертание символов; в числовом эквиваленте соответствует числу 400;
• bold — жирное начертание символов; в числовом эквиваленте соответствует числу 700;
• bolder —
более жирное начертание символа; в Explorer`e не отличается от bold, в Netscape от normal;
• lighter — более тонкое начертание символа; практически ничем не отличается от
normal;
• числовое значение от 100 до 900.
p {font-weight: bold;} |
| font |
Обобщает вышеперечисленные свойства, позволяя одновременно устанавливать несколько свойств шрифта, которые и будут определять начальные значения. Различные значения отделяются друг от друга пробелами, различные варианты одного значения — запятыми. Возможные значения:
• font-family;
• font-style;
• font-variant;
• font-weight;
• font-size.
p {font: Arial, Helvetica, Verdana, sans-serif italic bolder 12pt;}
|
|
