CSS propriedade marker-mid

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);
}

Experimente você mesmo

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);
}

Experimente você mesmo

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