В этой главе приведено описание свойств, определяющих различные параметры отображения текста. Красная строка: свойство text-indent Выравнивание текста: свойство text-align Украшение текста: свойство text-decoration Преобразование текста: свойство text-transform Задание тени: свойство text-shadow Интервал между буквами: свойство letter-spacing Интервал между словами: свойство word-spacing Обработка пробелов: свойство white-space Красная строка: свойство text-indent Синтаксис: text-indent: <размер> | <процент> | inherit Начально: 0 Применимо: к блочным элементам Наследуемо: да Проценты: относительно ширины вмещающего блока Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Соответствует стандарту (4.0+) Свойство text-indent задает отступ первой строки при отображении блочных элементов. Отступ может быть отрицательным и задается одним из следующих способов: <размер> Задает фиксированный размер. <процент> Вычисляется относительно ширины вмещающего блока. Пример: следующее правило указывает, что абзацы должны начинаться с красной строки, равной 3em: P { text-indent: 3em } Выравнивание текста: свойство text-align Синтаксис: text-align: left | right | center | justify | <строка> | inherit Применимо: к блочным элементам Наследуемо: да Проценты: не используются Устройства: визуальные Поддержка : Поддерживаются только left, right, center и justify (4.0+) Поддерживаются только left, right и center (4.0+) Свойство text-align задает выравнивание текста при отображении блочных элементов. Оно может принимать следующие значения: left Выравнивание по левому краю. right Выравнивание по правому краю. center Выравнивание по центру. justify Выравнивание по левому краю с выключкой по правому краю. <строка> Задает строку, по которой будут выравниваться ячейки в столбце таблицы. Это значение применимо только к ячейкам таблицы. Для остальных элементов должно трактоваться как left или right в зависимости от значения свойства direction (ltr или rtl соответственно). Пример: следующее правило указывает, что все элементы, содержашиеся в элементе DIV с атрибутом class="center", должны выравниваться по центру окна обозревателя (это обеспечивается тем, что данное свойство является наследуемым): DIV.center { text-align: center } Украшение текста: свойство text-decoration Синтаксис: text-decoration: none | [underline || overline || line-through || blink] | inherit Начально: none Применимо: ко всем элементам Наследуемо: нет Проценты: не используются Устройства: визуальные Поддержка : Соответствует стандарту; blink не поддерживается (4.0+) Соответствует стандарту; overline не поддерживается (4.0+) Свойство text-decoration задает украшение текста при отображении элементов. Оно может принимать следующие значения: none Обычный текст. пример underline Подчеркнутый текст. пример overline Надчеркнутый текст. пример line-through Перечеркнутый текст. пример blink Мигающий текст. пример Это свойство не наследуемо, но все потомки блочного элемента будут иметь его украшения текста. Цвет этих украшений будет тем же, что у блочного элемента, даже если потомки имеют другое значение свойства color. Пример: следующее правило указывает, что гиперссылки должны подчеркиваться: A:link { text-decoration: underline } Преобразование текста: свойство text-transform Синтаксис: text-transform: none | capitalize | uppercase | lowercase | inherit Начально: none Применимо: ко всем элементам Наследуемо: да Проценты: не используются Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Соответствует стандарту; реализовано с ошибками (4.0+) Свойство text-transform задает преобразование текста при отображении элементов. Оно может принимать следующие значения (Netscape Navigator 4.x отображает примеры неверно!): none Без преобразования. Это пример. capitalize Делать первую букву каждого слова прописной. Это пример. uppercase Выводить текст прописными буквами. Это пример. lowercase Выводить текст строчными буквами. Это пример. Фактическое преобразование символов зависит от языка, на котором написан текст. Пример: следующее правило указывает, что заголовок H1 должен выводиться прописными буквами: H1 { text-transform: uppercase } Вперед  >>>  1  2   8  Комментарии к статье  8 8  Обсудить в чате

8  В тему Введение в таблицы стилей Селекторы, псевдоклассы и псевдоэлементы Значения свойств, каскадность и наследование Границы, заполнители и рамки Позиционирование элементов Визуализация элементов Цвет и фон Шрифты Таблицы Генерация содержимого, нумерация и списки Страничные устройства вывода Звуковые таблицы стилей