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