Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 67 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

Рис. 50
Выравнивать текст можно в любом блочном элементе. Причем можно не только выравнивать текст по краям блочного
элемента, но и центрировать его (<P STYLE="text-align:center;">...</P>).
3.12.3. Преобразование шрифта
Преобразование шрифта подразумевает капитализацию слов, перевод всех "больших" и "маленьких" букв в большие,
или, наоборот, получение одних строчных.
Рассмотрим несколько примеров (рис. 51):
<P STYLE="text-transform:uppercase;"> Сделать заглавными</P>
<P STYLE="text-transform:lowercase;"> Сделать строчными</P>
<P STYLE="text-transform:capitalize;"> Сделать заглавными первые буквы в словах</P>
Рис. 51
Выполнение преобразований зависит от алгоритма преобразования символов. В нелокализованных программах переход
от строчных букв к прописным осуществляется путем простого смещения по таблице ASCII, что для русского алфавита не
приемлемо.
Еще один вид преобразования шрифта – это подчеркивание, перечеркивание или надчеркивание слов. Выполняется та-
кое преобразование с помощью атрибута text-decoration (рис. 52):
<P STYLE="text-decoration:line-through;"> Перечеркнем это предложение.</P>
<P STYLE="text-decoration:underline;"> Подчеркнем это предложение.</P>
Рис. 52
Для того чтобы преобразование работало, необходимо соответствующее начертание (подчеркнутые или перечеркнутые
начертания букв). Очень сложно найти гарнитуру, в которой было бы начертание с надчеркнутыми буквами. Отмена декора
происходит, если использовать в text-decoration значение none.
3.12.4. Первая строка параграфа
При оформлении параграфов в технологии CSS автор может воспользоваться "красной" строкой, такую возможность
предоставляет ему атрибут text-indent.
Речь идет о горизонтальном отступе в первой строке параграфа относительно его левого края (рис. 53):
<P STYLE="text-indent:20pt;"> Этот параграф мы начнем со строки с горизонтальным отступом в двадцать типограф-
ских пунктов от левого края параграфа. </P>
<P STYLE="text-indent:-10pt;"> А в этом параграфе мы применим отрицательный горизонтальный отступ в первой
строке параграфа.</P>

Страницы