Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON PHP КАК СДЕЛАТЬ
     ❯   

JS Справочник


JavaScript

Модификаторы: Группы: Метасимволы: Квантификаторы: Свойства: Методы:

Window


HTML DOM


HTML События


Web APIs


HTML Объекты


Другие ссылки




HTML DOM Style listStyle



Свойство listStyle

Пример style.listStyle

Изменить стиль списка:

document.getElementById("myList").style.listStyle = "decimal inside";
Попробуйте сами »

Описание listStyle

Свойство listStyle устанавливает или возвращает до трех отдельных свойств списка в сокращенной форме.

С помощью этого свойства вы можете установить/вернуть одно или несколько из следующих (в любом порядке):

  • list-style-type
  • list-style-position
  • list-style-image

Поддержка listStyle

Свойство
listStyle Да Да Да Да Да

Синтаксис listStyle

Вернуть свойство listStyle:

object.style.listStyle

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

object.style.listStyle = "type position image|initial|inherit"

Значение свойства listStyle

Параметр Описание
type Определяет тип маркера элемента списка
position Позиционирует маркер элемента списка
image Определяет изображение, которое будет использоваться в качестве маркера элемента списка.
initial Устанавливает это свойство в значение по умолчанию. Читайте о initial
inherit Наследует это свойство от родительского элемента. Читайте о inherit


Технические детали listStyle

Значение по умолчанию: диска снаружи нет
Возвращаемое значение: Строка, представляющая стиль списка.
CSS Версия CSS1

Ещё примеры listStyle

Измените тип и положение списка на "квадрат внутри":

document.getElementById("myList").style.listStyle = "square inside";
Попробуйте сами »

Вернуть свойство listStyle:

document.getElementById("myList").style.listStyle;
Попробуйте сами »

Связанные страницы listStyle

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

CSS Справочник: Свойство list-style



×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- © Copyright. Все права защищены. Schoolsw3 работает на SW3.CSS.