Изучаем list-style

Автор: Aport Четверг, Январь 22nd, 2015 Нет комментариев

Рубрика: Разное

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|circle|square|decimal|lower|roman|upper-roman|lower-alpha|upper-alpha|none;

 

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
Источник: yapro.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты