Опубликован: 19.03.2007 | Уровень: для всех | Доступ: свободно
Лекция 4:

Форматирование текста

Свойства текста

Предыдущие настройки шрифта могут объединяться с другими свойствами таблицы стилей, чтобы создать дополнительное форматирование строк текста. Следующая таблица перечисляет свойства, которые могут разнообразить вывод текста. Некоторые из этих свойств относятся к оформлению самого шрифта; другие относятся к структурной организации текста внутри контейнера.

Таблица 4.2. Свойства оформления текста
Свойство Значение
letter-spacing Задает горизонтальный интервал между буквами текста элемента. Значениями являются normal, npx, auto.
line-height Задает высоту строки текста элемента. Значение в пикселях или пунктах является реальной высотой; число или процент является коэффициентом для текущего размера шрифта. normal, npx, npt, n, n%.
text-align Задает горизонтальное выравнивание текста в элементе. Значениями являются left, center, right, justify.
text-decoration Задает дополнительное оформление текста внутри элемента. Значениями являются none, line-through, overline, underline.
text-indent Задает отступ текста внутри элемента. Значениями являются npx n%
text-transform Задает использование прописных и строчных букв в элементе. Значениями являются none, capitalize, lowercase, uppercase.
vertical-align Задает вертикальное выравнивание содержимого элемента. Значениями являются bottom, top, baseline, middle, sub, super, text-bottom, text-top.
word-spacing Задает величину интервала между словами в элементе. Значениями являются npx, normal.

Мы уже знакомы со свойствами text-align и text-indent. Первое из них управляет выравниванием отдельных строк текста в блоке текста; второе задает величину отступа в начале первой строки текста.

Существует два свойства, которые управляют величиной горизонтального интервала в строке. Свойство word-spacing задает число пикселей между словами; свойство letter-spacing - число пикселей между буквами. Эти свойства используются для растягивания (с помощью положительных значений) или сжатия (с помощью отрицательных значений) слов или букв в горизонтальном направлении, добавляя или удаляя между ними пустое пространство.

Величина вертикального интервала в текстовом блоке задается свойством line-height. Хотя для измерения можно использовать пиксели или пункты, числовое значение лучше соответствует знакомым настройкам. Оно является коэффициентом текущего размера шрифта; поэтому объявление line-height:1.5 соответствует интервалу в полторы строки, а line-height:2 соответствует двойному интервалу. Отметим, что дробные значения являются допустимыми. Поэтому задание line-height:.8 сужает интервал между строками до 80% обычного межстрочного интервала.

Существует два свойства текста, которые лучше считать свойствами шрифта, так как они влияют на внешний вид символов. Свойство text-decoration прочерчивает линию над символами ( overline ), под символами ( underline ) или через символы ( line-through ). Свойство text-transform преобразует текст в символы верхнего регистра ( uppercase ), символы нижнего регистра ( lowercase ) или делает первые буквы слов заглавными ( capitalize ).

Свойство vertical-align имеет ряд различных применений, в зависимости от тега, в котором оно используется. Как свойство оформления шрифта оно может, например, преобразовать символы в верхние индексы ( super ) или нижние индексы ( sub ). Как свойство выравнивания текста оно позиционирует текст относительно его контейнера или относительно окружающего содержимого. Примеры этого свойства даются при обсуждении отдельных тегов или задач оформления.

Елена Сапегова
Елена Сапегова
Есть ли практическая часть у курса повышения квалификации «web-дизайн»?
Владислав Нагорный
Владислав Нагорный
Высшее образование
Геннадий Шестаков
Геннадий Шестаков
Беларусь, Орша
Михаил Алексеев
Михаил Алексеев
Россия, Уфа, УГАТУ, 2002