Propriedade marker-end do CSS

Definição e uso

marker-end A propriedade ponta de um marcador, que será desenhado no último ponto do caminho do elemento.

A forma do marcador é definida pelo elemento SVG <marker> e referenciada pelo valor url().

CSS marker-end O valor dessa propriedade substitui o valor da propriedade marker-end no SVG.

Exemplo

Exemplo 1

Ponteia para um marcador (seta), que será desenhado no último ponto do caminho do elemento:

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

Experimente você mesmo

Exemplo 2

Ponteia para um marcador (círculo), que será desenhado no último ponto do caminho do elemento:

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

Experimente você mesmo

Sintaxe CSS

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

Valor da propriedade

Valor Descrição
none Valor padrão. Não será desenhado nenhum marcador no último ponto do caminho.
url Referência de URL para o marcador definido pelo elemento SVG <marker>.
initial Defina essa propriedade para seu valor padrão. Consulte initial
inherit Herda essa propriedade do elemento pai. Consulte inherit

Suporte do navegador

Os números na tabela representam a versão do navegador que suporta completamente essa propriedade pela primeira vez.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Páginas relacionadas

Tutorial:Marcador SVG

Referência:Propriedade marker do CSS

Referência:Propriedade marker-mid do CSS

Referência:Propriedade marker-start do CSS