Параметры текста, такие как
отступы, выравнивание и другие, задаются
следующими атрибутами:
Правило
|
Описание
|
text-decoration
|
Задает такие параметры
начертания, как подчеркивание,
надчеркивание, зачеркивание и
мерцание.
|
text-transform
|
Задает преобразование
регистра текста при
отображении.
|
text-align
|
Задает горизонтальное
выравнивание текста.
|
text-indent
|
Задает отступы и
выступы текста.
|
vertical-align
|
Задает отображение
текста, как верхних и нижних
индексов.
|
|
text-decoration
Проще всего рассмотреть это
правило в таблице:
Значение
|
 
|
Пример
|
Описание
|
underline
|
 
|
underlined
|
Подчеркивание.
|
overline
|
 
|
overlined
|
Надчеркивание.
|
line-through
|
 
|
striked
out
|
Зачеркивание.
|
blink
|
 
|
blink
|
Мерцание.
|
none
|
 
|
none
|
Отмена ранее
установленных атрибутов.
|
|
- реализовано в Internet Explorer версии 4 и выше.
-
реализовано в Netscape Navigator версии 4.05 и
выше.
text-transform
Преобразует регистр текста в
соответствии со следующими правилами:
Значение
|
Пример
|
Описание
|
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
|
Отменяет
установленные преобразования.
|
|
text-align
Задается выравнивание текста
по горизонтали.
Значение
|
Пример
|
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>
В 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>
Источник: http://exper.ural.ru/
|