YouTube 152 Подписчики
Telegram 241 Подписчики
VK 0 Подписчиков

Все правила 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
every first letter is capitalized		 Первая буква каждого слова преобразуется в заглавную.
uppercase uppercased
uppercased 		Все буквы преобразуются в заглавные.
lowercase LOWERcased
LOWERcased 		Все буквы преобразуются в строчные.
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.

Вот параметры стиля примененного в данном случае (атрибуты цвета и границы опущены

vertical-align

В Netscape Navigator данное правило не реализовано.

Значение Пример
super 30м2.
2
sub C2H2OH.
2

Необходимо заметить, что данное правило не задает уменьшение кегля шрифта, как принято. Для этого можно использовать следующий стиль:

<STYLE>SPAN.super { FONT-SIZE: smaller; VERTICAL-ALIGN: super}SPAN.sub { FONT-SIZE: smaller; VERTICAL-ALIGN: sub}</STYLE>

Тогда знаменитая формула будет выглядеть гораздо приятнее: C2H5OH.

Вас также может заинтересовать

Добавить комментарий