|
Параметры текста, такие как отступы,
выравнивание и другие, задаются следующими
атрибутами:
| Правило |
Описание |
| text-decoration |
Задает такие параметры
начертания, как подчеркивание, надчеркивание, зачеркивание и
мерцание. Подробнее...
|
| text-transform |
Задает преобразование
регистра текста при отображении. Подробнее... |
| text-align |
Задает горизонтальное
выравнивание текста. Подробнее...
|
| text-indent |
Задает отступы и
выступы текста. Подробнее...
|
| vertical-align |
Задает отображение
текста, как верхних и нижних индексов. Подробнее... |
|
Проще всего рассмотреть это правило в таблице:
| Значение |
|
Пример |
Описание |
| underline |
en |
underlined |
Подчеркивание. |
| overline |
e |
overlined |
Надчеркивание. |
| line-through |
en |
striked out |
Зачеркивание. |
| blink |
n |
blink |
Мерцание. |
| none |
en |
none |
Отмена ранее
установленных атрибутов. |
|
e - реализовано в Internet Explorer версии 4 и выше.
n - реализовано в Netscape Navigator версии 4.05 и выше.
Преобразует регистр текста в соответствии со
следующими правилами:
| Значение |
Пример |
Описание |
| capitalize |
every
first letter is capitalized
<SPAN STYLE="text-transform: capitalize">every first
letter is capitalized</SPAN> |
Первая буква каждого
слова преобразуется в заглавную. |
| uppercase |
uppercased
<SPAN STYLE="text-transform:
uppercase">uppercased</SPAN> |
Все буквы
преобразуются в заглавные. |
| lowercase |
LOWERcased
<SPAN STYLE="text-transform:
lowercase">LOWERcased</SPAN> |
Все буквы
преобразуются в строчные. |
| none |
none
|
Отменяет
установленные преобразования. |
|
Задается выравнивание текста по горизонтали.
| Значение |
Пример |
| left |
Это,
просто, длинный текст для иллюстрации работы
атрибутов выравнивания, описанных в
рекомндациях W3C по каскадным таблицам стилей.
|
| right |
Это,
просто, длинный текст для иллюстрации работы
атрибутов выравнивания, описанных в
рекомндациях W3C по каскадным таблицам стилей.
|
| center |
Это,
просто, длинный текст для иллюстрации работы
атрибутов выравнивания, описанных в
рекомндациях W3C по каскадным таблицам стилей.
|
| justify |
Это,
просто, длинный текст для иллюстрации работы
атрибутов выравнивания, описанных в
рекомндациях W3C по каскадным таблицам стилей.
|
|
text-indent
Задает отступы и выступы текста в элементах:
| Значение |
Пример |
| не задано. |
Это,
просто, длинный текст для иллюстрации работы
атрибутов выравнивания, описанных в
рекомндациях W3C по каскадным таблицам стилей.
|
| 50px |
Это, просто, длинный
текст для иллюстрации работы атрибутов
выравнивания, описанных в рекомндациях W3C по
каскадным таблицам стилей.
|
| -3em |
Это, просто,
длинный текст для иллюстрации работы атрибутов
выравнивания, описанных в рекомндациях W3C по
каскадным таблицам стилей.
|
|
Это правило реализовано в Netscape Navigator
с ошибками!!! В некоторых случаях неправильно
подсчитывается величина отступа.
Работу отрицательных значение text-indent
лучше видно в этом примере
Это,
просто, длинный текст для иллюстрации работы
атрибутов выравнивания, описанных в
рекомндациях W3C по каскадным таблицам стилей.
Здесь мы его сделаем немного длиннее, чтобы лучше
проиллюстрировать возможности применения
отрицательных значений атрибута text-indent.
Вот параметры стиля примененного в данном
случае (атрибуты цвета и границы опущены
<DIV STYLE="padding-left: 3em; text-indent: -3em>
vertical-align
В Netscape Navigator данное правило не
реализовано.
| Значение |
Пример |
| super |
30м2.
<SPAN STYLE="vertical-align: super">2</SPAN>
|
| sub |
C2H2OH.
<SPAN STYLE="vertical-align: sub">2</SPAN> |
|
Необходимо заметить, что данное правило не
задает уменьшение кегля шрифта, как принято. Для
этого можно использовать следующий стиль:
<STYLE>
SPAN.super {
vertical-align: super;
font-size: smaller;
}
SPAN.sub {
vertical-align: sub;
font-size: smaller;
}
</STYLE>
Тогда знаменитая формула будет выглядеть
гораздо приятнее: C2H5OH. |
