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

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

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

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

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

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

Пример

Пример 1

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

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

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

Пример 2

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

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

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

Грамматика CSS

marker-start: 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-end

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