::marker

Этот перевод не завершён. Пожалуйста, помогите перевести эту статью с английского

Псевдоэлемент ::marker применяет стили к маркеру элемента списка, которые обычно содержит значок или номер. Работает с любым элементом или псевдоэлементом, к которого установлен display: list-item, например, у такого как <li> или <summary>.

::marker {
  color: blue;
  font-size: 1.2em;
}

Разрешённые свойства

Только некоторые CSS-свойства могут быть использованы с ::marker в качестве селектора:

The specification states that additional CSS properties may be supported in future.

Syntax

::marker

Examples

HTML

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

CSS

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

Result

Specifications

Specification Status Comment
CSS Pseudo-Elements Level 4
Определение '::marker' в этой спецификации.
Рабочий черновик No significant change.
CSS Lists Module Level 3
Определение '::marker' в этой спецификации.
Рабочий черновик Initial definition.

Browser compatibility

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
::markerChrome Полная поддержка 86
Полная поддержка 86
Полная поддержка 80
Отключено
Отключено From version 80: this feature is behind the Enable experimental Web Platform features preference. To change preferences in Chrome, visit chrome://flags.
Edge Полная поддержка 86
Полная поддержка 86
Полная поддержка 80
Отключено
Отключено From version 80: this feature is behind the Enable experimental Web Platform features preference.
Firefox Полная поддержка 68IE Нет поддержки НетOpera Нет поддержки НетSafari Полная поддержка 11.1WebView Android Полная поддержка 86Chrome Android Полная поддержка 86
Полная поддержка 86
Полная поддержка 80
Отключено
Отключено From version 80: this feature is behind the Enable experimental Web Platform features preference. To change preferences in Chrome, visit chrome://flags.
Firefox Android Полная поддержка 68Opera Android Нет поддержки НетSafari iOS Полная поддержка 11.3Samsung Internet Android Нет поддержки Нет
Animation and transition supportChrome Полная поддержка 86
Полная поддержка 86
Полная поддержка 83
Отключено
Отключено From version 83: this feature is behind the Enable experimental Web Platform features preference. To change preferences in Chrome, visit chrome://flags.
Edge Полная поддержка 86
Полная поддержка 86
Полная поддержка 83
Отключено
Отключено From version 83: this feature is behind the Enable experimental Web Platform features preference.
Firefox Полная поддержка 80IE Нет поддержки НетOpera Нет поддержки НетSafari Нет поддержки НетWebView Android Полная поддержка 86Chrome Android Полная поддержка 86
Полная поддержка 86
Полная поддержка 83
Отключено
Отключено From version 83: this feature is behind the Enable experimental Web Platform features preference. To change preferences in Chrome, visit chrome://flags.
Firefox Android Нет поддержки НетOpera Android Нет поддержки НетSafari iOS Нет поддержки НетSamsung Internet Android Нет поддержки Нет

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Пользователь должен сам включить эту возможность.
Пользователь должен сам включить эту возможность.

See also

  • HTML элементы, у которые есть маркеры списка по умолчанию: <ol>, <li>, <summary>