Форма "пулек"

Форма "пульки" в виде "жирной" точки несколько непривычна. Обычно в машинописных документах принято употреблять черту. С другой стороны, в рекламных материалах часто в качестве "пульки" используют квадрат или другой символ типографского набора, а также графическую картинку.

CSS позволяет управлять формой "пульки" через атрибут list-style-type:

<ul style="list-style-type:square;"> <li>В виде пульки используем квадрат </ul>

• В виде пульки используем квадрат

<ul style="list-style-type:disk;"> <li>В виде пульки используем диск </ul>

• В виде пульки используем диск

<ul style="list-style-type:circle;"> <li>В виде пульки используем круг </ul>

• В виде пульки используем круг

До сих пор мы обсуждали только неупорядоченные списки (UL), но управлять отображением "пулек" можно и в упорядоченных списках (OL):

<ol style="list-style-type:lower-roman;color:darkred;"> <li>... ... </ol>

1. "пульки" строчные римские буквы

2. "пульки" строчные римские буквы

3. "пульки" строчные римские буквы

<ol style="list-style-type:upper-alpha;color:darkred;"> <li>... ...

</ol>

1. "пульки" заглавные буквы

2. "пульки" заглавные буквы

3. "пульки" заглавные буквы

<ol style="list-style-type:lower-alpha;color:darkred;"> <li>... ... </ol>

1. "пульки" строчные буквы

2. "пульки" строчные буквы

3. "пульки" строчные буквы

CSS позволяют вообще отказаться от "пулек". Для этого нужно указать значение атрибута list-style-type равным none.

"Пульки"-картинки

Если стандартные формы "пулек" не устраивают автора страницы, то он может использовать нестандартные. Для этого ему придется "пульку" нарисовать самому и в виде графического файла разместить на Web-узле. У такой "пульки" есть URL, который используется в CSS для обращения к ней.

Например, можно создать картинку-стрелочку:

<ul style="list-style-image:url(../images/css12/barrow.gif);"> <li>Элемент списка расположен за стрелкой </ul>

• Элемент списка расположен за стрелкой

Свойства полоса прокрутки

Данные свойства задают стиль полосы прокрутки. Их можно применять к таких элементов как: BODY, TEXTAREA, IFRAME и другим, которые имеют полосу прокрутки (корме SELECT).

• scrollbar-3dlight-color   - Устанавливает цвет верха и левой части ползунка и кнопок со стрелками на полосе прокрутки.

• scrollbar-arrow-color   - Устанавливает цвет стрелок на кнопке со стрелками.

• scrollbar-base-color - Устанавливает цвет основных элементов ползунка: ползунка, кнопок со стрелками, дорожки для ползунка, если не определены параметры в scrollbar-face-color.

• scrollbar-darkshadow-color  - Устанавливает цвет тени для ползунка и кнопок со стрелками

• scrollbar-face-color  - Устанавливает цвет ползунка и кнопок со стрелками. Также, если вы не задали параметр SCROLLBAR-TRACK-COLOR, у вас изменится цвет дорожки.

• scrollbar-highlight-color  - Устанавливает цвет подсветки, создающий эффект объёмности. Это цвет, который окаймляет освещённую часть кнопочки. Когда кнопка не нажата, то цвет заливает левый верхний угол и стороны между ним, когда нажата - нижний правый угол.

• scrollbar-shadow-color  - Схоже с scrollbar-darkshadow-color.

• scrollbar-track-color   - Устанавливает цвет дорожки для ползунка. Допустимыми значениями этих параметров являются:

• любое соответствующее стандарту значение цвета.

• inherit - применяется значение родительского элемента.

body {scrollbar-3dlight-color:green;}

body {scrollbar-arrow-color: red;} body {scrollbar-base-color: green;}

body {scrollbar-darkshadow-color: red;}

body {scrollbar-face-color: green;}

body {scrollbar-highlight-color: green;}

body {scrollbar-shadow-color: green;}