Назад Вперед Зміст

Зміна типу маркера

Тип маркера задається властивістю list-style-type для елементів <ul>. Як значення цієї властивості вказується одне з трьох ключових слів:

  1. disc відображає маркер у вигляді заповненого диска (за замовчуванням)
  2. circle відображає маркер у вигляді кола
  3. square відображає маркер у вигляді заповненого квадрата

Маркер у вигляді кола


<html>
<head>
<style type="text/css">
    u1 {list-style-type:circle;}
</style>
</head>
<body>
<ul>
  <li>Березень</li>
  <li>Квітень</li>
  <li>Травень</li>
</ul>
</body>
</html>
  • Березень
  • Квітень
  • Травень
    •

    Маркер у вигляді квадрата

    
<html>
<head>
<style type="text/css">
    u1 {list-style-type:square;}
</style>
</head>
<body>
<ul>
  <li>Березень</li>
  <li>Квітень</li>
  <li>Травень</li>
</ul>
</body>
</html>
  • Березень
  • Квітень
  • Травень
    •

    Назад Вперед Зміст