From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/css/_doublecolon_marker/index.html | 93 +++++++++++++++++++++++++ 1 file changed, 93 insertions(+) create mode 100644 files/ru/web/css/_doublecolon_marker/index.html (limited to 'files/ru/web/css/_doublecolon_marker/index.html') diff --git a/files/ru/web/css/_doublecolon_marker/index.html b/files/ru/web/css/_doublecolon_marker/index.html new file mode 100644 index 0000000000..e04375066e --- /dev/null +++ b/files/ru/web/css/_doublecolon_marker/index.html @@ -0,0 +1,93 @@ +--- +title: '::marker' +slug: 'Web/CSS/::marker' +translation_of: 'Web/CSS/::marker' +--- +
{{CSSRef}}
+ +

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

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

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

+ +

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

+ + + +
+

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

+
+ +

Syntax

+ +
{{CSSSyntax}}
+ +

Examples

+ +

HTML

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

CSS

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

Result

+ +

{{EmbedLiveSample('Examples')}}

+ +

Specifications

+ + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('CSS4 Pseudo-Elements', '#marker-pseudo', '::marker')}}{{Spec2('CSS4 Pseudo-Elements')}}No significant change.
{{SpecName('CSS3 Lists', '#marker-pseudo', '::marker')}}{{Spec2('CSS3 Lists')}}Initial definition.
+ +

Browser compatibility

+ +
+ + +

{{Compat("css.selectors.marker")}}

+
+ +

See also

+ + -- cgit v1.2.3-54-g00ecf