Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style listStyleType Property

<Style Object

пример

Изменение элемент списка типа маркеров в "upper-roman" :

document.getElementById("myList").style.listStyleType = "upper-roman";
Попробуй сам "

Определение и использование

В listStyleType наборы свойств или возвращают список-элемент типа маркеров.


Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Свойство listStyleType поддерживается во всех основных браузерах.

Note: IE9 и Opera 11 не поддерживают: Дальневосточный-идеографические, древнееврейский, хираган, хираган-Iroha, катакан и катакан-Iroha.

Note: IE8 поддерживает значение свойств: десятичные ведущий ноль, нижний греческий, нижний латинский, верхний латинский, армянский и грузинский , только если DOCTYPE указан!


Синтаксис

Возвращает свойство listStyleType:

object .style.listStyleType

Установите свойство listStyleType:

object .style.listStyleType= Значения свойств
Стоимость Описание
armenian Маркер традиционная армянская нумерация
circle Маркер представляет собой окружность
cjk-ideographic Маркер скольжения идеографических чисел
decimal Маркер представляет собой число. Это по умолчанию <ol>
decimal-leading-zero Маркер представляет собой число с ведущими нулями (01, 02, 03 и т.д.)
disc Маркер представляет собой заполненный круг. Это по умолчанию для <ul>
georgian Маркер является традиционной грузинской нумерацией
hebrew Маркер является традиционной Hebrew нумерации
hiragana Маркер традиционной нумерации хирагана
hiragana-iroha Маркер является традиционной хираганом нумерации Iroha
katakana Маркер традиционной нумерации катакана
katakana-iroha Маркер является традиционной катаканом нумерации Iroha
lower-alpha Маркер ниже-альфа (a, b, c, d, e, etc.)
lower-greek Маркер нижнего греческий
lower-latin Маркер нижний латинский (a, b, c, d, e, etc.)
lower-roman Маркер представляет собой низший римские (i, ii, iii, iv, v, etc.)
none Нет маркер не отображается
square Маркер представляет собой квадрат
upper-alpha Маркера сверху-альфа (A, B, C, D, E, etc.)
upper-latin Маркер верхний латинский (A, B, C, D, E, etc.)
upper-roman Маркер верхние римские (I, II, III, IV, V, etc.)
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

Значение по умолчанию: «диск» для <ul> и "decimal" для <ol>
Возвращаемое значение: Строка, представляющая тип списка
CSS версия CSS1

Еще примеры

пример

Все различные типы список стилей:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myList").style.listStyleType = listValue;
Попробуй сам "

пример

Возврат элемента списка Тип маркера:

alert(document.getElementById("myList").style.listStyleType);
Попробуй сам "

Похожие страницы

CSS учебник: Список CSS

Ссылка CSS: list-style-type property

HTML DOM ссылка: listStyle property


<Style Object