| text-decoration | Устанавливает
эффекты оформления шрифта, такие, как подчеркивание или
зачеркнутый текст H4 {text-decoration: underline;} - подчеркивание A {text-decoration: none;} - стандартный текст I {text-decoration: line-through;} - зачеркивание B {text-decoration:overline;} - надчеркивание |
| text-transform | Задает преобразование регистра текста при отображении H4 {text-transform: capitalize;} - Первая буква каждого слова преобразуется в заглавную A {text-transform: uppercase;} - Все буквы преобразуются в заглавные I {text-transform: lowercase;} - Все буквы преобразуются в строчные B {text-decoration:none;} - Отменяет установленные преобразования |
| text-align | Определяет выравнивание элемента. Возможные значения: left, right, center, justify P {text-align:justify} H5 {text-align: center} |
| text-indent | Устанавливает
отступ первой строки текста. Чаще всего используется для создания параграфов с табулированной первой строкой. P {text-indent: 50pt;} |
| line-height | Управляет интервалами между строками текста. P {line-height: 50 %} |
| word-spacing | Устанавливает интервалам между словами. Можно использовать отрицательные значения P {word-spacing: 50 %} |
| letter-spacing | Устанавливает интервалам между буквами P {letter-spacing: 50 pt} |
| vertical-align | Устанавливает вертикальное положение элемента. Может принимать следующие значения: baseline middle sub super text-top text-bottom top bottom P {vertical-align: sup} |
Примеры
Текст с подчеркиванием сверху (overline)
каждая первая буковка слова большая
Абзац с отступом для лучшего восприятия текстов при оформлении ваших страничек
Текст с уменьшеным интервалом на 50% между строками. Данным метод можно применять в декоративных целях
Увеличим промежутки между словами
Уменьшим промежутки между буквами
Формула спирта C 2 H 5 OH
<STYLE type="text/css">
H4 {text-decoration: underline;}
A {text-decoration: none;}
i {text-decoration:line-through;}
b {text-decoration:overline;}
H5 {text-align: center}
b.cap {text-transform:capitalize;}
.otstup {text-indent: 50pt;}
.interval {line-height: 50 %}
</STYLE>
<h4>Подчеркнутый заголовок (underline)</h4>
<a href="/css/003/text.htm">Это ссылка без подчеркивания (none)</a><br>
<i>Перечеркнутый курсивный текст (line-through)</i><p>
<b>Текст с подчеркиванием сверху (overline)</b><br>
<b class=cap>каждая первая буковка слова большая</b>
<h5>Заголовок по центру</h5>
<p class=otstup>Абзац с отступом для лучшего восприятия текстов
при оформлении ваших страничек</p>
<p class=interval>Текст с уменьшеным интервалом на 50% между строками.
Данным метод можно применять в декоративных целях</p>
<p><span style="word-spacing: 15pt">Увеличим промежутки между
словами</span>
<p><span style="letter-spacing: -2pt">Уменьшим промежутки между
буквами</span>
<p>Формула спирта
<span style=color:red>C</span>
<span style= vertical-align:sub;color:blue;>2</span>
<span style=color:red>H</span>
<span style="color:blue; vertical-align:sub;">5</span>
<span style=color:red>OH</span>