• Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    — Сам записывает клиентов и напоминает им о визите;
    — Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    — Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом
  • Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS
animation
appearance
backface-visibility
background
border
bottom
box
caption-side
clear
clip
color
column
content
counter-increment
counter-reset
cursor
direction
display
empty-cells
float
font
grid-columns
grid-rows
hanging-punctuation
height
icon
@keyframes
left
letter-spacing
line-height
list-style
margin
max-height
max-width
min-height
min-width
nav
opacity
outline
overflow
overflow-x
overflow-y
padding
page-break
perspective
perspective-origin
position
punctuation-trim
quotes
resize
right
rotation
rotation-point
table-layout
target
text
top
transform
transition
vertical-align
visibility
width
white-space
word-spacing
word-break
word-wrap
z-index

CSS Свойство list-style-type

CSS Справочник Полный CSS Справочник

Пример

Установить различные типы списков:

ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}

Попробуйте сами »

Еще примеры внизу этой страницы.

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

Свойство list-style-type указывает тип маркеров пунктов в списке.

Значение по умолчанию: "disc" для <ul> и "decimal" для <ol>
Наследуется: да
Версия: CSS1
JavaScript синтаксис: объект.style.listStyleType="square"

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство list-style-type поддерживается всеми основными браузерами.

Замечание: IE9 и Opera 11 не поддерживают: cjk-ideographic, hebrew, hiragana, hiragana-iroha, katakana и katakana-iroha.

Замечание: IE8 и более ранние версии поддерживают только свойства: decimal-leading-zero, lower-greek, lower-latin, upper-latin, armenian, georgian, и inherit, если указано объявление DOCTYPE!

Значения Свойства

Значение Описание
armenian Маркеры - традиционная Армянская нумерация
circle Маркер - окружность
cjk-ideographic Маркеры - простые идеографические числа
decimal Маркер - число. Используется по умолчанию для <ol>
decimal-leading-zero Маркер - число с нулем впереди (01, 02, 03, и т.д.)
disc Маркер - круг. Используется по умолчанию для <ul>
georgian Маркеры - традиционная Грузинская нумерация
hebrew Маркеры - традиционная Еврейская нумерация
hiragana Маркеры - традиционная нумерация Хирагана
hiragana-iroha Маркеры - традиционная нумерация Хирагана ироха
inherit Значение свойства наследуется от родительского элемента
katakana Маркеры - традиционная нумерация Катакана
katakana-iroha Маркеры - традиционная нумерация Катакана ироха
lower-alpha Маркеры - символы алфавита в нижнем регистре (a, b, c, d, e, и т.д.)
lower-greek Маркеры - символы греческого алфавита в нижнем регистре
lower-latin Маркеры - символы латинского алфавита в нижнем регистре (a, b, c, d, e, и т.д.)
lower-roman Маркеры - римские числа в нижнем регистре (i, ii, iii, iv, v, и т.д.)
none Маркер не отображается
square Маркер - квадрат
upper-alpha Маркеры - символы алфавита в верхнем регистре (A, B, C, D, E, и т.д.) 
upper-latin Маркеры - символы латинского алфавита в верхнем регистре (A, B, C, D, E, и т.д.)
upper-roman Маркеры - римские числа в верхнем регистре (I, II, III, IV, V, и т.д.)

Примеры

Попробуйте сами - Примеры

Всевозможные маркеры пунктов списка
Этот пример демонстрирует всевозможные маркеры пунктов списка.

Смотрите Также

CSS уроки: CSS Список

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

CSS Справочник Полный CSS Справочник



© 2011 - 2022 Уроки CSS