CSS propriedade marker-mid
- Página anterior marker-end
- Próxima página marker-start
Definição e uso
marker-mid
A propriedade aponta para uma marca que será desenhada em todos os vértices intermediários do caminho do elemento.
A forma da marca é definida pelo elemento SVG <marker> e referenciada pelo valor url().
CSS marker-mid
O valor da propriedade substitui o valor da propriedade marker-mid no SVG.
Exemplo
Exemplo 1
Ponteia para uma marca (seta), que será desenhada em todos os vértices intermediários do caminho do elemento:
#test { marker-mid: url(#arrow); }
Exemplo 2
Ponteia para uma marca (círculo), que será desenhada em todos os vértices intermediários do caminho do elemento:
#test { marker-mid: url(#circle); }
Sintaxe CSS
marker-mid: none|url|initial|inherit;
Valor da propriedade
Valor | Descrição |
---|---|
none | Valor padrão. Não será desenhada nenhuma marca no meio do caminho do trajeto. |
url | Referência para URL de marca definida pelo elemento SVG <marker>. |
initial | Defina essa propriedade para seu valor padrão. Veja initial. |
inherit | Herda essa propriedade do elemento pai. Veja inherit. |
Suporte do navegador
Os números na tabela representam a versão do navegador que suporta completamente essa propriedade.
Chrome | Edge | Firefox | Safari | Ópera |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
Páginas relacionadas
Tutorial:Marcador SVG
Referência:CSS propriedade marker
Referência:CSS propriedade marker-start
Referência:CSS propriedade marker-end
- Página anterior marker-end
- Próxima página marker-start