Автоматическая нумерация и списки

List-style-type

Определяет вид маркера элемента списка, если не задано изображение в качестве маркера, либо оно недоступно. По умолчанию маркер имеет вид закрашенного кружка. Значениями свойства могут быть:

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

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

none – маркер отсутствует;

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

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

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

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

lower-alpha – латинская строчная цифра с точкой;

upper-alpha – латинская прописная цифра с точкой.

Пример:

ol {list-style-type: lower-roman}

List-style-image

Определяет графическое изображение в качестве маркера элемента списка. Значениями свойства могут быть:

none – изображение не задается;

адрес графического файла, который указывается с помощью функции url().

Пример:

ol {list-style-image: url(http://www.firm.ru/*.gif)}

List-style-position

Определяет положение маркера в списке. По умолчанию маркеры находятся вне пространства, отведенного под список. Значениями свойства list-style-position могут быть:

inside – маркеры расположены внутри пространства списка;

outside – маркеры находятся вне пространства, отведенного под список.

Пример:

ul {list-style-position: inside}

List-style

Указывает значения трех свойств: list-style-type, list-style-image и list-style-position.

Пример:

ul {list-style: circle url(atlang.gif) inside}

Цвет и фон

В этом разделе даны основные свойства, необходимые для установки цвета и фона элементов.

Color

Указывает цвет текста элемента.

Пример:

p {color: red}

Background-color

Определяет цвет фона элемента. По умолчанию цвет фона является прозрачным. Значениями свойства могут быть:

transparent – задает прозрачный цвет фона;

цвет фона - задает нужный цвет.

Пример:

p {background-color: blue}

Background-image

Задает графическое изображение в качестве фона элемента. По умолчанию изображение не отображается. Значениями свойства могут быть:

адрес файла изображения, который указывается с помощью функции url();

none – рисунок отсутствует.

Пример:

p {background-image: url(“*.gif”)}

Background-repeat

Определяет, будет ли фоновое изображение дублироваться в качестве мозаики, и как это будет осуществляться. По умолчанию рисунок дублируется в вертикальной и горизонтальной плоскостях. Значениями свойства могут быть:

repeat-x – рисунок дублируется только в горизонтальной плоскости;

repeat-y – изображение дублируется только в вертикальной плоскости;

repeat – рисунок дублируется в вертикальной и горизонтальной плоскостях;

no-repeat – изображение не дублируется: отображается только одна копия рисунка.

Пример:

p {background-image: url(“*.gif”);background-repeat: repeat-y}

Не нашли, что искали? Воспользуйтесь поиском: