Учебник HTML 

Урок 6. Свойства и значения (текст)

Как и в предыдущих уроках, здесь мы рассмотрим все дополнительные свойства и их значения одного большого свойства "text".

1. text-align – выравнивание текста

Текст может быть выровнен: left (по левому краю), right (по правому краю), center (по центру) или justify (равномерно по всей длине заданного поля).
Пример:

td {text-align: justify;}

2. text-decoration. Это свойство позволяет добавлять различные "декоративные эффекты". Например, можно подчеркнуть текст, провести линию под или над текстом. Пример всех перечисленных эффектов:

h1 {
text-decoration: underline;
}
h2 {
text-decoration: overline;
}
h3 {
text-decoration: line-through;
}

И вот что мы видим в браузере:

Подчекркнутый текст

Линия над текстом

Перечеркнутый текст

Примечание: значение "overline" поддерживается далеко не всеми браузерами. Если у вас этой линии нет, не спешите думать, что это ошибка в учебнике. Я тестировал Учебник на разных компьютерах и в разных браузерах: примерно половина из них отображает линию над текстом, а другая половина - нет. Кроме того, я проверял таблицу стилей, отвечающую за этот урок в Валидаторе (о том, что это такое, пойдет речь в самом последнем уроке) и он ошибок не выдал. Все, что я могу рекомендовать в данном случае: просто не использовать это значение.

3. text-transform. Интересное свойство, которое трансформирует текст в верхний или нижний регистр. Существует несколько видов подобной трансформации:

none- трансформации нет - текст отображается так же, как в HTML-коде. Это значение стоит всегда по умолчанию, поэтому его можно не указывать.
capitalize – делает заглавные первые буквы каждого слова. Применяется, обычно для перечня имен. Например: "сорокин роман" с помощью этого значения превратится в  "Сорокин Роман".
uppercase - конвертирует все символы в верхний регистр. Например: "Сергей Иванов" станет "СОРОКИН РОМАН".
lowercase - Конвертирует все символы в нижний регистр. Например: "СОРОКИН РОМАН" станет "сорокин роман".

До встречи в следующем уроке!

См. также

• Следующий урок: Свойства и значения (ссылки)
• Предыдущий урок: Свойства и значения (шрифт)