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

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

25.10.201019862

Самый простой вид списка выглядит красиво, но если Вы задумались о собственном стиле для списка 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. Это свойство, определяющие положение маркера в отношение к списку.




Сохраните в социальную сеть
Комментарии (2)
Пригодился атрибут list-style-type.
1
Артур 10.11.2010 в 17:19Спам
спасибо))
1
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт