Списки
Прокрутка фонового рисунка
Режим повтора фонового рисунка
Атрибут background-repeat задает режим повтора фонового рисунка. Он может принимать следующие значения:
1. repeat – рисунок повторяется и по горизонтали и по вертикали (по умолчанию);
2. repeat-x – рисунок повторяется по горизонтали;
3. repeat-y – рисунок повторяется по вертикали;
4. no-repeat – рисунок не повторяется.
Атрибутbackground-attachment - определяет, будет ли фоновый рисунок прокручиваться вместе с документом. Может принимать значения:
- scroll – фоновый рисунок прокручивается вместе с содержимым страницы (по умолчанию);
- fixed – фоновый рисунок не прокручивается.
Пример:
body { background-image: url(foto1.gif); background-repeat: no-repeat; background-attachment: fixed }
Лекция № 4
СПИСКИ. ВИД КУРСОРА
I.Атрибут list-style-typeзадает вид маркера списка. Он может принимать следующие значения:
1. disk –кружки с заливкой;
2. circle –кружки без заливки;
3. square –квадрат с заливкой;
4. decimal –арабские цифры;
5. lower-roman –малые римские цифры;
6. upper-roman –большие римские цифры;
7. lower-alpha –малые латинские буквы;
8. upper-alpha –большие латинские буквы;
9. none– никак не помечает позиции списка.
Пример: ol { list-style-type: square }
II.Атрибут list-style-image задает URL-адрес изображения, которое будет использовано в качестве маркера списка.
Относительные адреса указываются относительно расположения таблицы стилей, а не HTML-документа: ol { list-style-image: url(foto.gif) }
III. Атрибут list-style-position позволяет задать более компактное отображение списка. Может принимать следующие значения:
- outside – по умолчанию. Маркер отображается отдельно от текста;
- inside – более компактное отображение списка. Маркер входит в состав текста.
Атрибут cursor задает форму курсора мыши при наведении на элемент страницы.
1. auto – Web-браузер сам определяет форму курсора мыши;
2. crosshair – в виде креста;
3. default – стрелка (курсор) по умолчанию;
4. pointer – в виде руки;
5. move – стрелка, указывающая во все направления;
6. n-resize, ne-resize, nw-resize, s-resize, se-resize, sw-resize, e-resize, w-resize – стрелки, показывающие направление;
7. text – текстовый курсор;
8. wait – песочные часы;
9. progress – стрелка с песочными часами;
10. help – стрелка с вопросительным знаком.
Пример:
<li style="cursor: pointer">pointer – в виде руки;</li>