| |
ridge iborder-style : inset
I border-style : outset |
РИС. 4.13. Примеры девяти стилей границы каскадных списков стилей
Создание абзацного отступа и работа с интервалами
между буквами, словами и строками
Помимо средств позиционирования объектов, с появлением каскадных спис-
ков стилей дизайнеры получили столь долгожданный четкий типографический
контроль над текстом Web-страницы. Таблицы и прозрачные (разделительные)
изображения в формате GIF и ранее давали определенные средства для позицио-
нирования элементов на экране. Тем не менее, они не позволяли легко управ-
лять интервалами между словами и строками текста и не давали возможности
вводить абзацный отступ в первой строке абзаца. К счастью, правила каскадных
списков стилей предоставляют дизайнерам все необходимые средства.
ПРАКТИКУМ
Например, для создания абзацного отступа для каждого абзаца теста на странице
необходимо создать правило следующего вщщ:
р {text-indent:2em}
Несмотря на то что в приведенном правиле можно использовать любые еди-
ницы измерения, доступные для каскадных списков стилей (пункты, пиксели,
дюймы, сантиметры и т.д.), вы обнаружите, что для указания величины абзацно-
го отступа удобнее всего использовать единицу измерения em. Приведенное
выше правило устанавливает абзацный отступ для первой строки текста абзаца
примерно на пять букв, причем такой отступ будет сохраняться даже при умень-
шении или увеличении размера шрифта. Помните, что размер lem равен теку-
щему размеру шрифта в пунктах. Таким образом, при изменении размера шриф-
та изменяется и размер em (а, стало быть, и размер абзацного отступа). При
указании размера отступа с помощью любой другой единицы измерения (например,
пикселей или пунктов) при изменении размера шрифта вам придется изменять ве-
личину отступа для сохранения одного и того же размера отступа в символах.
204 И Глава 4. Каскадные списки стилей
Из самих названий свойств следует, что свойств letter-spacing позволяет
установить интервалы между буквами в словах, word-spacing — интервалы между
словами, a line-height (как вы уже, наверное, догадались) — интервалы между
строками текста. (Фактически, свойство line-height было бы правильнее на-
звать line-spacing, но тестовые процессоры используют термин "высота строк",
поэтому для простоты в каскадных списках стилей используется тот же термин.)
Как и в случае со свойством text-indent, для задания значений всех выше пе-
речисленных свойств могут использоваться любые единицы измерения, примене-
ние которых допускается в каскадных списках стилей. Имейте в виду, что при
указании интервалов между буквами и между словами браузер добавляет указан-
ное вами расстояние к тому, которое используется браузером по умолчанию. По-
этому для добавления интервала в 5 пикселей между буквами в тексте заголовка
уровня 1 можно написать следующее правило:
|
|