Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
list-style

  1./* Свойство применяется ко всем UL */
  2.UL { list-style: upper-roman inside }
  3.UL > UL { list-style: circle outside } /* для дочерних UL элемента UL */
  4.

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Внешние и внутренние маркеры в списках</TITLE>
  5. <STYLE type="text/css">
  6. UL { list-style: outside }
  7. UL.compact { list-style: inside }
  8. </STYLE>
  9. </HEAD>
10. <BODY>
11. <UL>
12. <LI>Маркеры этого списка находятся снаружи
13. <LI>Маркеры этого списка находятся снаружи
14. </UL>
15.
16. <UL class="compact">
17. <LI>Маркеры этого списка находятся внутри
18. <LI>Маркеры этого списка находятся внутри
19. </UL>
20. </BODY>
21.</HTML>
Внешние и внутренние маркеры в списках
Внешние и внутренние маркеры в списках

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Свойство list-style</TITLE>
  5. <STYLE type="text/css">
  6.OL.alpha > LI { list-style: lower-alpha }
  7.UL LI { list-style: disc }
  8.
  9. </STYLE>
10. </HEAD>
11. <BODY>
12. <OL class="alpha">
13. <LI>Уровень 1
14. <UL>
15. <LI>Уровень 2
16. </UL>
17. </OL>
18. </BODY>
19.</HTML>
Внешние и внутренние маркеры в списках
Внешние и внутренние маркеры в списках

В CSS2 допускается комбинировать типы маркеров:

  1.UL { list-style: url("http://png.com/ellipse.png") disc }
Так же можно скрыть маркер:
  1.UL { list-style: none }


Доступ и установка с jQuery

  • Получить свойство listStyle: val = $("div").css("listStyle");
  • Установить свойство listStyle: $("div").css({"listStyle":"..."});
  • Установить свойство listStyle: $("div").css("listStyle","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org