Свойство marker CSS

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

marker Атрибут указывает на маркер, который будет нарисован на всех вершинах траектории элемента (первом, среднем и последнем)

Форма маркера определяется элементом SVG <marker> и указывается через значение url().

CSS marker Значение атрибута будет перекрывать любое значение атрибута marker в SVG.

Пример

Пример 1

Указывает на маркер (стрела), который будет нарисован на первом, среднем и последнем вершинах траектории элемента:

#test {
  marker: url(#arrow);
}

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

Пример 2

Указывает на маркер (круг), который будет нарисован на первом, среднем и последнем вершинах траектории элемента:

#test {
  marker: url(#circle);
}

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

Грамматика CSS

marker: none|url|initial|inherit;

Значение атрибута

Значение Описание
none Значение по умолчанию. На траектории не будет нарисовано никаких маркеров.
url URL-ссылка на маркер, определенный элементом SVG <marker>.
initial Этот атрибут устанавливается в его значение по умолчанию. См. initial.
inherit Этот атрибут наследуется от родительского элемента. См. inherit.

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

Числа в таблице показывают версию первого браузера, который полностью поддерживает этот атрибут.

Кروм Эдж Фаерфокс Сафари Опера
80 80 72 13.1 67

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

Урок:Маркеры SVG

См. также:Свойство marker-start CSS

См. также:Свойство marker-mid CSS

См. также:Свойство marker-end CSS