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

UptoLike

ВУЗ: 

ТГТУ | Тамбов

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

Рубрика: 

Рис. 46
Нетрудно убедиться, что расстояние между буквами в слове "параграф" первого примера и буквами слова "параграфа"
второго примера разное. Во втором случае оно больше.
Рис. 47
Моноширинный шрифт выбран не случайно. На пропорциональном шрифте межбуквенное расстояние зависит от на-
чертания букв, и показать его как расстояние между буквами достаточно сложно. У моноширинного шрифта размер символа
фиксирован, поэтому и расстояние между буквами прослеживается четко.
Однако не всегда удобно управлять межбуквенным расстоянием через кегль (font-size). Бывают случаи, когда нуж-
но либо уплотнить строку, либо увеличить расстояния между буквами. Это можно сделать с помощью атрибута letter-
spacing (рис. 48):
<P STYLE="font-family:monospace; letter-spacing:5pt; color:black">
Межбуквенное расстояние 5pt</P>
<P STYLE= "font-family:monospace; letter-spacing:10pt; color:black">
Межбуквенное расстояние 10pt </P>
Рис. 48
Правда, в версиях Netscape Navigator 4.x этот параметр не поддерживается.
3.12.2. Выравнивание
По умолчанию все слова в параграфе прижаты влево. Левый край параграфа, таким образом, оказывается выровненным.
Точно так же может быть выровнен правый край параграфа или блока текста, и даже оба края вместе.
В обычной HTML-разметке такой эффект достигается за счет применения атрибута align:
<P align=justify>...</P>
Аналогичный результат в CSS достигается за счет атрибута text-align (рис. 49):
<P STYLE="text-align:right;color:black;">
Этот параграф выровнен по правому краю. Все строки справа кончаются на границе раздела. А вот слева они начинают-
ся с различным отступом от левого края.</P>
<P STYLE="text-align:justify;color:black;">
Рис. 49
Этот параграф выровнен по левому и правому краям. Все строки справа кончаются на вертикальной границе раздела.
Все строки слева теперь начинаются также с вертикальной границы раздела.</P>

Страницы