# list-style-type

Internet Explorer | Chrome | Opera | Safari | Firefox
7.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.6 | 10.0 | 10.0 | 3.1 | 4.0 | 5.0 | 3.0 | 3.6 | 4.0
Помилка | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так

##

## Коротка інформація

CSS | CSS1, CSS2
Значення за умовчанням | disc (для <UL>); decimal (для <OL>)
Наслідує | Так
Застосовується | До тегів <DD>, <DT>, <LI>, <OL> і <UL>, а також до усіх елементів, у яких вказане display : list - item
Аналог HTML | Ні
Посилання на специфікацію | http://www.w 3.org/TR/CSS21/generate.html#propdef - list - style - type

### Опис

Змінює вид маркера для кожного елементу списку. Ця властивість використовується тільки у разі, коли значення list - style - image встановлене як none. Маркери розрізняються для маркірованого списку (тег <UL>) і нумерованого (тег <OL>).

### Синтаксис

list - style - type: circle | disc | square | armenian | decimal | decimal - leading - zero | georgian | lower - alpha | lower - greek | lower - latin | lower - roman | upper - alpha | upper - latin | upper - roman | none | inherit

### Значення

Значення залежать від того, до якого типу списку вони застосовуються: маркірованому або нумерованому.

#### Маркірований список

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

disc Маркер у вигляді точки.

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

#### Нумерований список

armenian Традиційна вірменська нумерація.

decimal Арабські числа (1, 2, 3, 4,..).

decimal - leading – zero Арабські числа з нулем попереду для цифр менше десяти (01, 02, 03,..).

georgian Традиційна грузинська нумерація.

lower – alpha Рядкові латинські букви (a, b, c, d,..).

lower - greek Рядкові грецькі букви (α,..).

lower - latin Це значення аналогічно lower - alpha.

lower - roman Римські числа в нижньому регістрі (i, ii, iii, iv, v,..).

upper - alpha Заголовні латинські букви (A, B, C, D,..).

upper - latin Це значення аналогічно upper - alpha.

upper – roman Римські числа у верхньому регістрі (I, II, III, IV, V,..).

none Відміняє маркери для списку.

inherit Наслідує значення батька.

Приклад

HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">

    <html>

      <head>

        <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">

        <title>list - style - type</title>

        <style type="text/css">

          UL {

            list - style - type: square; /* Квадратних маркерів */

          }

        </style>

      </head>

      <body>

        <ul>

      <li>техніний університет</li>

          <li>Професійний заклад освіти</li>

          <li>Луцький національний техніний університет

    є одним із найкращих професійних закладів освіти у місті Луцьку.

    Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів.

    </li>      </ul>

      </body>

      </html>

Результат цього прикладу показаний ні мал. 1.

Мал. 1. Застосування властивості list - style - type

### Об'єктна модель

[window.]document.getElementById("elementID").style.listStyleType

### Браузери

У браузері Internet Explorer 6 при використанні нумерованого списку <OL> і значення inside властивості list - style - position, числа йдуть з 10, починають накладатися на текст списку.

Браузер Internet Explorer до сьомої версії включно не підтримує значення armenian, decimal - leading - zero, georgian, lower - greek, lower - latin, upper - latin, inheirt. Замість них виводиться нумерація арабськими числами. У цьому браузері нумерація або маркери не відображаються для плаваючих елементів (UL { float: left; }).

Internet Explorer 8 додатково розуміє значення upper - greek, яке встановлює нумерацію у вигляді заголовних грецьких букв (Α,..).