Создание стиля для списка. CSS для UL

Создание стиля для списка. CSS для UL

52010-10-2521012Денис Абдуллин

Самый простой вид списка выглядит красиво, но если Вы задумались о собственном стиле для списка UL, то вот оно решение. Здесь мы с Вами разберем только нумерацию или обозначение пункта для списка.

Пункт списка может обозначаться буквами, цифрами, квадратиками, кругляшками или Вашим собственным изображением.

Код стиля

Код
<style type="text/css">  
ul {list-style-type: square; list-style-position: outside; list-style-image: url("http://yraaa.ru/icons/mini_help.gif")}  
</style>

Разбор значений

list-style-type – это параметр, который определяет вид маркировки, имеет следующие значения:

  • disc
  • circle
  • square
  • decimal
  • lower-roman
  • upper-roman
  • lower-alpha
  • upper-alpha

Если Вы хотите избавиться, т.е. убрать маркировку, то воспользуйтесь значением none.

Другое значение - list-style-image, оно дает возможность поставить свое изображение в качестве маркировки. Делайте маленькое изображение, чтобы список смотрелся красиво. Этому атрибуту можно присвоить значение none, это все равно, что ничего не писать.

А вот теперь перейдем к list-style-position. Элемент может иметь значения inside или outside. Это свойство, определяющие положение маркера в отношение к списку.


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (2)
Владимир Путин 2010-11-06 в 10:19Спам
Пригодился атрибут list-style-type.
1
Артур 2010-11-10 в 17:19Спам
спасибо))
1
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.