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

  • Предыдущая страница marker
  • Следующая страница marker-mid

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

marker-end Атрибут указывает на маркер, который будет рисоваться на последнем вершине элемента пути.

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

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

Пример

Пример 1

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

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

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

Пример 2

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

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

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

Грамматика CSS

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

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

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

Поддержка браузеров

Числа в таблице указывают на версию браузера,首个完全支持该属性的版本。

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

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

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

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

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

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

  • Предыдущая страница marker
  • Следующая страница marker-mid