Propriedade marker-end do CSS
- Página anterior marker
- Próxima página marker-mid
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); }
Exemplo 2
Ponteia para um marcador (círculo), que será desenhado no último ponto do caminho do elemento:
#test { marker-end: url(#circle); }
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
- Página anterior marker
- Próxima página marker-mid