CSS свойство marker-mid

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

marker-mid Атрибут указывает на маркер, который будет нарисован на всех промежуточных точках траектории элемента.

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

CSS marker-mid Значение атрибута заменяет значение атрибута marker-mid в SVG.

Пример

Пример 1

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

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

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

Пример 2

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

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

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

Грамматика CSS

marker-mid: none|url|initial|inherit;

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

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

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

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

Chrome Edge Firefox Сafari Опера
80 80 72 13.1 67

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

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

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

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

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