2. Начертание.
На практике отдельно изменяют ширину символов и их наклон.
Синтаксис:
<span style="font-weight: ширина_символов"> текст </span>
или
<span style="font-style: наклон"> текст </span>
Ширина символов может быть задана параметрами normal (обычный) и bold (полужирный).
Выделение фрагмента текста полужирным шрифтом можно также выполнить с использованием тэга <b>.
Наклон символов определяется параметрами normal (обычный) и italic (наклонный).
Альтернативное выделение фрагмента текста наклонным шрифтом выполняется с использованием тэга <i>.
Примеры:
2.1. Использование стилей.
Выделение слова <span style="font-weight: bold"> полужирным </span> шрифтом.
Выделение слова <span style="font-style: italic"> наклонным </span> шрифтом.
2.2. Использование тэгов <b> или <i>.
Выделение слова <b> полужирным </b> шрифтом.
Выделение слова <i> наклонным </i> шрифтом.
2.3. Совместное использование нескольких стилей.
Выделение слов <span style="font-weight: bold; font-style: italic"> наклонным полужирным </span> шрифтом.
2.4. Совместное использование тэгов <b> и <i>..
Выделение слов <b><i> наклонным полужирным </i></b> шрифтом.
3. Размер (кегль).
Синтаксис:
<span style="font-size: размер"> текст </span>
Предусмотрено три метода указания размера шрифта:
- абсолютный размер: задается один из семи базовых размеров (xx-large, x-large, large, medium, small, x-small, xx-small);
- относительный размер: задается либо один из двух параметров – larger (на шаг больше текущего базового размера) и smaller (на шаг меньше), либо относительная величина – em (значение свойства font-size текущего текста), ex (значение свойства x-height текущего текста), px (пиксел), % (процент от размера шрифта, установленного в браузере как размер шрифта по умолчанию);
- явное указание размера: задается в дюймах (in), сантиметрах (cm), миллиметрах (mm), пунктах (pt), пиках (pc).
Примеры:
3.1. Указание самого большого базового размера шрифта.
<span style="font-size: xx-large"> текст </span>
3.2. Если текущий размер шрифта имеет значение small, то следующая конструкция выведет слово, имеющее базовый размер medium.
<span style="font-size: larger"> текст </span>
3.3. Вывод текста размером 12 пунктов (пт).
<span style="font-size: 12 pt"> текст </span>
4. Видоизменение.
На практике отдельно рассматривают капитализацию символов (написание текста прописными буквами, но меньшего, чем предусмотрено для данного шрифта в нормальном значении размера), оформление текста, смещение текста (надстрочный и подстрочный).
Синтаксис:
<span style="font-variant: значение"> текст </span>
или
<span style="text-decoration: значение"> текст </span>
или
смещение текста <sup> вверх </sup> и <sub> вниз </sub>
Параметр капитализации шрифта может принимать значения normal (обычный) и small-caps (малые прописные).
При оформлении текста используются следующие значения: none (элементы оформления отсутствуют), underline (подчеркнутый), line-through (зачеркнутый), overline (надчеркнутый).
Примеры:
4.1. «Текстовая» реализация математического выражения
xi,
.
<i> x<sub>i</sub>, i = </i> <span style="text-decoration: overline"> 1,5 </span>
4.2. Смещение фрагмента текста на 10 пт вниз и вверх (данная конструкция поддерживается только MS Internet Explorer версии не ниже 6.0).
<i> x<span style="position: relative; top: 10.0 pt">i</span><span style="position: relative; top: -10.0 pt">2</span>