ер, "сокращенное" правило списка стилей из предыдущего 
примера можно переписать в следующем развёрнутом виде: 
hi {border-top-style 
border-left-style 
border-right-style 
border-bottom-style 
border-top-width 
border-left-width . 
border-right-width 
border-bottom-width 
border-top-color 
border-left-color 
border-right-color 
border-bottom-color 
:solid; 
:solid; 
:solid; 
:solid; 
:3px; 
:3px; 
:3px; 
:3px; 
:black; 
: black; 
:black; 
:black} 
К счастью, синтаксис каскадных списков стилей позволяет сочетать явную 
и неявную (сокращенную) форму установки свойства border. Например, для 
создания непрерывной границы золотистого цвета можно написать следующее 
правило: 
hi {border-style :solid; 
border-color :#FFD700; 
border-top-width :lpx; 
border-left-width :lpx; 
border-right-width :2px; 
border-bottom-width :2px} 
Аналогично, для создания двойной границы синего цвета шириной 0.5 дюй- 
ма можно написать следующее правило: 
hi {border-style :double; 
border-style :double; 
border-width :.5in} 
Обратите внимание, что в предыдущих примерах значения свойства bordercolor 
можно задавать в виде шестнадцатеричных триплетов, а значение свойства 
border-width — в любых единицах, допустимых в каскадных списках стилей 
(дюймы, сантиметры, пункты, пиксели и т.д.). 
На рис. 4.13' показана граница светло-зеленого цвета каждого из девяти воз- 
можных стилей вокруг заголовков уровня 1. (Значение "попе" свойства borderstyle 

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

Глава 4. Каскадные списки стилей 203 
0рее*а Вия избра 
J J] -Д ДА1 J о 
».gn/Ch«|*ntM/Fiei»e<»-l3 
border-style : none 
border-style: dotted 
border-style : dashed 
• . • • ' - 
border-style : double 
• 
[border-style : groove | 
border-style: solid 
border-style :