::marker

Ограниченная доступность

Эта функция не относится к базовому уровню, так как она не работает в некоторых из наиболее широко используемых браузеров.

Псевдоэлемент ::marker CSS pseudo-element выбирает маркерный блок элемента списка, который обычно содержит пулю или номер. Он работает с любым элементом или псевдоэлементом, установленными в display: list-item, например, с элементами <li> и <summary>.

Попробуйте

Допустимые свойства

Псевдоэлемент ::marker поддерживает ограниченное число свойств CSS, включая:

Все свойства шрифтов
Свойство white-space
color
text-combine-upright, unicode-bidi и direction свойства
Свойство content
Все свойства анимации и переходов

Примечание: Спецификация указывает, что в будущем могут быть добавлены дополнительные свойства CSS.

Синтаксис

::marker {
  /* ... */
}

Примеры

HTML

<ul>
  <li>Peaches</li>
  <li>Apples</li>
  <li>Plums</li>
</ul>

CSS

ul li::marker {
  color: red;
  font-size: 1.5em;
}

Результат

Спецификации

Спецификация
CSS Псевдоэлементы Модуль Уровень 4 # marker-pseudo

Совместимость браузеров

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`::marker`	86	86	68	72	11.1 Поддержка Safari ограничена `color` и `font-size`. См. ошибку 204163.	86	68	61	11.3 Поддержка Safari ограничена `color` и `font-size`. См. ошибку 204163.	14.0	86
`animation_and_transition_support`	86	86	80	72	Нет	86	80	61	Нет	14.0	86

См. также

Элементы HTML, у которых по умолчанию есть маркерные блоки: <ol>, <li>, <summary>
Сгенерированное содержимое CSS модуль
Списки и счётчики CSS модуль
Стили счётчиков CSS модуль

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/::marker