Визуальное форматирование

Свойство

Описание

list-style-type

Определяет тип маркера. Возможные значения:

disc – закрашенный кружок

circle – не закрашенный кружок

square – закрашенный квадратик

decimal – арабская цифра с точкой

lower-roman – римская строчная цифра с точкой

upper-roman – римская прописная цифра с точкой

lower-alpha – латинская строчная буква с точкой

upper-alpha – латинская прописная буква с точкой

none – маркер не отображается

list-style-image

Задает в качестве маркера изображение.

ul {list-style-image: url(11.gif)}

list-style-position

Определяет положение маркера.

inside – маркер внутри тела списка,

outside – маркер снаружи тела списка.

list-style

Группирует свойства списка.

UL {list-style: decimal inside}

OL {list-style: url(11.gif) inside}

Свойство

Описание

width

Ширина элемента. Значение указывается в единицах измерения или в процентах.

a {width: 50%; background: red}

height

Высота элемента. Значение указывается в единицах измерения или в процентах.

h1 {background-color: yellow; height: 150}

float

Позиционирование элемента и управление обтеканием остальных элементов. Может принимать следующие значения:

• left – элемент располагается слева, остальной текст обтекает вокруг него;

• right – элемент располагается справа, остальной текст обтекает вокруг него;

• none – элемент располагается как обычный блочный элемент, обтекания не происходит.

clear

Обтекание предыдущего обтекаемого элемента. Может принимать следующие значения:

• left – элемент располагается ниже предыдущего обтекаемого элемента, если тот содержит параметр "float: left";

• right – элемент располагается ниже предыдущего обтекаемого элемента, если тот содержит параметр "float: right";

• both - элемент располагается ниже предыдущего обтекаемого элемента, если тот содержит параметр "float: right" или "float: left";

• none – элемент располагается рядом с предыдущим обтекаемым элементом.

display

Управляет отображением элемента. Может принимать следующие значения:

• none – элемент не отображается

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

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

• list-item - элемент разбивает строку и добавляет маркер списка.

Свойство

Описание

Position

Способ позиционирования слоя. Может принимать следующие значения:

Absolute – относительно левого верхнего угла браузера

Relative – относительно родительского слоя

Static – отображение как обычного блочного элемента

Top

Смещение начала слоя по вертикали. Возможные значения: значение с единицей измерения, относительное значение в процентах или auto.

Left

Смещение начала слоя по горизонтали. Возможные значения: значение с единицей измерения, относительное значение в процентах или auto.

Width, height

Ширина и высота слоя.

Visibility

Управление отображением слоя. Возможные значения:

Hidden – спрятать слой

Inherit – наследовать параметр родительского слоя

Visible – показать слой

z-index

Уровень слоя при наложении слоя. Возможные значения:

Целое число – уровень слоя при наложении слоев

Inherit – наследовать параметр родительского слоя

Auto – соответствует нулю. То есть слои накладываются в порядке их указания

Overflow

Действия при переполнении слоя. Значения:

Visible – трансформировать слой при переполнении

Hidden – не показывать то, что не уместилось

Scroll – показать полосы прокрутки

Auto – при переполнении слоя показать полосы прокрутки

Clip

Ограничение области видимости слоя. Значения:

Rect (top, right, bottom, left) – ограничить область видимости прямоугольником с указанными значениями;

Auto – отобразить слой в соответствии с параметром overflow