Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
Facebook 0 Likes
Twitter 0 Followers
Instagram 0 Followers
Pinterest 0 Followers
YouTube 0 Subscribers
Подписаться
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • CSS

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

  • 02.11.2001
Total
0
Shares
0
0
0
0
0
0

Автор статьи: Головин Андрей

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

>

Правило Описание
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.

Total
0
Shares
Телеграфировать 0
Поделиться 0
Репост 0
Твитнуть 0
alexvolkov

Предыдущий материал
  • HTML

Все значения элементов форм

  • 01.11.2001
  • alexvolkov
Read More
Следующий материал
  • Администрирование

Ограничиваем доступ

  • 02.11.2001
  • Алексей Волков
Read More
Вас также может заинтересовать
Read More
  • CSS

Формализация CSS

  • Алексей Волков
  • 23.05.2012
Read More
  • CSS

Ножницы для CSS

  • Алексей Волков
  • 25.01.2005
Read More
  • CSS

CSS: фон и цвет

  • Алексей Волков
  • 27.05.2004
Read More
  • CSS

CSS: позиционирование блоков

  • Алексей Волков
  • 08.04.2004
Read More
  • CSS

Что такое каскадные таблицы стилей (CSS)

  • Алексей Волков
  • 02.02.2004
Read More
  • CSS

Что такое каскадные таблицы стилей (CSS)

  • Алексей Волков
  • 27.11.2003
Read More
  • CSS

Создание “буквиц”

  • alexvolkov
  • 30.11.2001
Read More
  • CSS

Описание стилей элемента<A>

  • alexvolkov
  • 05.11.2001

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

Для отправки комментария вам необходимо авторизоваться.

Свежие посты
  • Рассылка как продукт
    • 24.07.20
  • Google назвал лучшие приложения App Store за 2018 год
    • 14.12.18
  • Онлайн-конференция интернет-магазин от “А до Я” CyberE-com 2018
    • 25.05.18
  • Бесплатная онлайн-конференция по управлению репутацией
    • 04.12.17
  • Открыта регистрация на CyberMarketing-2017
    • 19.10.17
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

Введите ключевые слова для поиска и нажмите Enter