V и т.д. 
Традиционная греческая нумерация (символы для альфа, 
бета, гамма и т.д.). 
а, Ь, с, d, с и т.д. 
а, Ь, с, d, e и т.д. 
А, В, С, D, Е и т.д. 
А, В, С, D, Е и т.д. 
Традиционная еврейская нумерация. 
Традиционная армянская нумерация. 
Грузинская нумерация. 
Простые идеографические символы. 
a, i, u, e, о, ka, ki и т.д. 
А, 1, U, Е, О, KA, KI и т.д. 
i, го, ha, ni, ho, he, to и т.д. 
1, RO, НА, N1, НО, НЕ, ТО и т.д. 
Метка элемента списка отсутствует. 
Используется метка элемента родительского списка. 
Для применения стиля к маркерам элементов списка используется атрибут 
style в начальном дескрипторе списка. Например, для нумерации элементов 
упорядоченного (т.е. нумерованного) списка с помощью римских цифр в верхнем 
регистре используется следующий дескриптор :

218 Глава 4. Каскадные списки стилей 
 
Аналогично, для маркировки элементов неупорядоченного списка с помощью 
квадратного маркера воспользуйтесь следующим дескриптором : 
style="list-style-type:square"> 
При работе с неупорядоченными списками для использования в качестве 
маркера не стандартного символа, а графического изображения, можно прибег- 
нуть к услугам свойства list-style-image. Например, следующий дескриптор 
 заставляет браузер в качестве маркера неупорядоченного списка использо- 
вать изображение ИЗ файла FancyDot.gif: 
 
И, наконец, свойство list-style-position используется для контроля поло- 
жения маркера элемента списка по отношению к тексту элемента списка. Свой- 
ство list-style-position МОЖеТ принимать СДЮ ИЗ Двух Значений: inside И 
outside. Значение outside используется при необходимости вставки маркеров 
списка вне текста элемента списка. Как показано в первом и третьем списке на 
рис. 4.20, при установке значения свойства list-style-position равным 
outside весь текст элемента списка будет находиться правее маркера* даже если 
текст занимает несколько строк. 
И, наоборот, при установке значения свойства list-style-position равным 
inside, как показано в следующем примере, маркер элемента списка становить- 
ся его частью: 
 
t I./-.I.U . • • - . ..
&1й И»йронн 
ih-webdesign/CtioptertM/FigureCH 2 
Numbered List -- Uppercase Roman Numerals -- Default formatting for wrapped 
text. Щ 
I. First Item - This is what happens when Internet Explorer encounters a long 
item 
tn a list that the browser has to wrap onto a second line. As you will see in a 

moment, Internet Explorer's default behavior is "outside" styling of the 
wrapped 
text 
П. Second Item 
Ш. Third Item 
Bulleted List -- Square Bullets ~ list-style-position "INSIDE" 
*• First Item - Ibis is an example of what happens when you set the 
list-siyleposition 
property to "INSIDE". The Internet Explorer displays the wrapped text 
starting under the bullet character vs. under the first character in the 
preceding 
line. 
# Second Item 
* Third Item 
Bulleted List — Graphics Image for List-Item Markers -- list-style-posttion 
"Outside" 
«ft First Item • This is an example of what happens when you set the 
list-styleposition 
property to "OUTSIDE". The Internet Explorer displays the wrapped 
text starting under the first character in the preceding line. This is also 
Internet ft 
Рис. 4.20. Упорядоченный и неупорядоченный списки с длинными 
элементами текста, которые занимают несколько строк

Глава 4. Каскадные списки стилей 219 
Свойство list-style-type во втором списке, показанном на рис. 4.20, уста- 
новлено равным inside. Обратите внимание, что маркеры (графические точки) 
во втором списке выравниваются по первым буквам элементов фрвого и третьего 
списков. Причиной сдвига вправо явилось то, что Web-браузер визуализирует 
маркеры элементов списка внутри (т.е. в качестве части) каждого элемента списка.
 
Несмотря на то что примеры в этом совете показывают, 4to стили списков 
можно задавать в самих дескрипторах списков, тем не менеЬ, рекомендуется 
пользоваться форматированием списков одновременно для всех страниц сайта. 
Вместо индивидуального форматирования каждого неупорядоченного и упорядо- 
ченного списка выберите единственный формат, который будет самым подходя- 
щим для вашего сайта. Затем напишите правила списка стилей, которое будет 
одинаковым образом форматировать все списки. Например, ефи вам нравится, 
как выглядит список при установке значения свойства list-styjie-positionрав- 
ным inside, И, при ЭТОМ ХОТИТе ИСПОЛЬЗОВаТЬ маркеры ИЗ фай|та FancyDot.gif, 
напишите следующее правило: 
ul {list-style:url(images/FancyDot.gif) inside} 
Обратите внимание, что синтаксис каскадных списков стилей позволяет ис- 
пользовать сокращения. Если значения, объявленные в правиле, являются уни- 
кальными для данного конкретного свойства, Web-браузер применяет к свойству 
указанное значение автоматически. Сокращенная форма записи, используемая в 
приведенном выше примере, в развернутом виде может быть Записана следую- 
щим образом: 
ul {list-style-image:url(images/FancyDot.gif) 
list-style-position:inside} 
Создание эффектов т