, Объектов, НаХОДЯЩИХСЯ Между ДеСКрИПТОрамИ , И Т. Д.

А, например, для создания границы вокруг заголовка уровня 1 необходимо напи — сать правило списка стилей следующего вида:



hi {border:solid Зрх black}



Первое значение свойства border, «solid» , задает стиль линии границы, второй, «Зрх», устанавливает ширину границы равной 3 пикселя, а третий, «black», устанавливает черный цвет границы. При написании правила списка

стилей, которое устанавливает значения свойства border, Web-браузер применяет одни и те же значения для всех четырех сторон границы.

20 2 Глава 4. Каскадные списки стилей





Для независимой работы с каждой страной границы необходимо задавать зна —

чения СВОЙСТВ border-style, border-width И border-color ОТДеЛЬНО ДЛЯ каж-

дой стороны. Например, «сокращенное» правило списка стилей из предыдущего

примера можно переписать в следующем развёрнутом виде:





К счастью, синтаксис каскадных списков стилей позволяет сочетать явную

и неявную (сокращенную) форму установки свойства border. Например, для создания непрерывной границы золотистого цвета можно написать следующее правило:





Аналогично, для создания двойной границы синего цвета шириной 0.5 дюй — ма можно написать следующее правило:



Обратите внимание, что в предыдущих примерах значения свойства border —

color можно задавать в виде шестнадцатеричных триплетов, а значение свойства border-width — в любых единицах, допустимых в каскадных списках стилей (дюймы, сантиметры, пункты, пиксели и т. д.).

На рис. 4.13′ показана граница светло-зеленого цвета каждого из девяти воз —

можных стилей вокруг заголовков уровня 1. (Значение «попе» свойства border- styl e указывает Web-браузеру на необходимость игнорирования свойства грани- цы, поэтому она не рисуется.)

Следует иметь в виду, что чтобы увидеть эффект стиля границы, ее ширину (т. е. значение свойства border-width) необходимо установить равной, по край — ней мере, три пикселя. Например, при выборе стиля «double» Web-браузеру для рисования границы необходимо по одному пикселю для линий и один пиксель

на промежуток между ними.

Глава 4. Каскадные списки стилей 20 3





Создание абзацного отступа и работа с интервалами между буквами, словами и строками

Помимо средств позиционирования объектов, с появлением каскадных спис — ков стилей дизайнеры получили столь долгожданный четкий типографический контроль над текстом Web-страницы. Таблицы и прозрачные (разделительные) изображения в формате GIF и ранее давали определенные средства для позицио —