Изучаем list-style

list-style - задает параметры маркера или номера позиции списка. Заменяет атрибуты list-style-image, list-style-position и list-style-type. Значения этих атрибутов могут располагаться в любом порядке.

list-style: [{list-style-image}] [{list-style-position}] [{list-style-type}];

Значение по умолчанию disk outside none. Поддерживается IE начиная с 4.0

list-style-image - задает графическое изображение, отображаемое в качестве маркера позиции списка. Имеет приоритет над атрибутом list-style-type.

list-style-image: none|url({Интернет-адрес файла изображения});

Если задано предопределенное значение none, то стиль маркера берется из установок атрибута list-style-type, если он задан, или отображается маркер по умолчанию. Если задан интернет-адрес файла изображения, то оно отображается в качестве маркера, перекрывая установки атрибута list-style-type.

Значение по умолчанию none. Поддерживается IE начиная с 4.0

list-style-position - задает местонахождение маркера позиции списка: в тексте позиции или вне его.

list-style-position: outside|inside;

Доступны два значения. Значение outside (по умолчанию) задает отображение маркера позиции списка вне текста позиции. Значение же inside заставляет Web-обозреватель отобразить маркер позиции в ее тексте в качестве первого символа. Поддерживается IE начиная с 4.0

list-style-type - задает тип маркера или номер позиции списка.

list-style-type: disc; - (значение по умолчанию) отображает сплошной кружок;

list-style-type: circle; - окружность;

list-style-type: square; - сплошной квадрат;

list-style-type: decimal; - нумерует позиции арабскими цифрами;

list-style-type: lower-roman; - малыми римскими;

list-style-type: upper-roman; - большими римскими;

list-style-type: lower-alpha; - помечает позиции малыми латинскими буквами;

list-style-type: upper-alpha; - большими латинскими;

list-style-type: none; - вообще убирает маркер или нумерацию. Поддерживается IE и NN начиная с 4.0

Оцени публикацию:

Оценили человек: 24