Свойство overflow

Свойство overflow определяет поведение элемента, когда размеры его содержимого не соответствуют размерам блока отображения, установленного свойствами top, left, width и height. Существует четыре значения этого свойства, определяющие поведение элемента:

• visible – заставляет элемент сжаться или увеличиться, чтобы полностью отобразиться в заданном блоке (для графического содержимого элемента) или увеличивает размеры блока отображения (для текстового содержимого)

• hidden – обрезает элемент в соответствии с размерами блока

• auto – добавляет полосы прокрутки к блоку отображения в случае, если размеры содержимого элемента превосходят размеры блока отображения

• scroll – добавляет полосы прокрутки к блоку отображения в любом случае

Свойство z-index

Обычно элемент, появляющийся позже другого в исходном тексте документа HTML, перекрывает ранее отображенные элементы. Свойство z-index задает "слой", в котором располагается элемент при отображении. Если "слой" расположен "ближе" к пользователю (значение свойства z-index больше), то элемент перекрывает любой другой элемент с меньшим значением "слоя", даже если последний и отображается позже. Следующие фрагменты документа HTML иллюстрирует использование свойства z-index, а на рис. 2.12 показаны результаты их отображения в окне браузера:

<!—Фрагмент 1-->

<IMG STYLE="position:absolute; top:80px; left:0px; z-index:auto"

SRC=Ж.gif>

<DIV STYLE="position:absolute; top:115px; left:10px; width:150px;

color:white; background-color:blue; z-index:auto">

Две буквы "Ж"</DIV>

<IMG STYLE="position:absolute; top:120px; left:50px; z-index:auto"

SRC=Ж.gif>

<!—Фрагмент 2-->

<IMG STYLE="position:absolute; top:260px; left:0px; z-index:3"

SRC=Ж.gif>

<DIV STYLE="position:absolute; top:295px; left:10px; width:150px;

color:white; background-color:blue; z-index:1">

Две буквы "Ж"</DIV>

<IMG STYLE="position:absolute; top:300px; left:50px; z-index:auto"

SRC=Ж.gif>

Если значение свойства z-index элемента отрицательно, то он размещается за текстом страницы.

Отображение списков

Четыре свойства каскадных таблицей стилей влияют на отображение списков, задаваемых тегами <OL> и <UL>.

Свойство list-style-type

Свойство list-style-type определяет тип маркера списка, если значение свойства list-style-image установлено равным none или графическое изображение, определенное в этом свойстве функцией url(), не доступно. Допустимые значения этого свойства показаны в таблице 6.

Таблица 6 Значения свойства list-style-type

Значение	Вид маркера
none	Маркер не отображается
disk	Закрашенный кружок
circle	Не закрашенный кружок
square	Закрашенный квадрат
decimal	Арабская цифра с точкой
lower-roman	Римская строчная цифра с точкой
upper-roman	Римская прописная цифра с точкой
lower-alpha	Латинская строчная буква с точкой
upper-alpha	Латинская прописная буква с точкой