IZONE - http://www.izcity.com/ - бесплатный софт, вэб-сервисы, ресурсы для раскрутки, свежие номера журнала "Internet Zone".

 IZONE 


Все правила CSS. Параметры текста

Параметры текста, такие как отступы, выравнивание и другие, задаются следующими атрибутами:

Правило

Описание

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/
 

Copyright © "Internet Zone"info@izcity.com
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас.