Atributo marker-mid de CSS

Definición y uso

marker-mid El atributo apunta a un marcador que se dibujará en todos los puntos medios de la ruta del elemento.

La forma del marcador se define por el elemento SVG <marker> y se referencia mediante el valor url().

CSS marker-mid El valor de la propiedad sobrescribe el valor del atributo marker-mid en SVG.

Ejemplo

Ejemplo 1

Se refiere a un marcador (flecha) que se dibujará en todos los puntos medios de la ruta del elemento:

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

Prueba por tu cuenta

Ejemplo 2

Se refiere a un marcador (círculo) que se dibujará en todos los puntos medios de la ruta del elemento:

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

Prueba por tu cuenta

Sintaxis CSS

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

Valor del atributo

Valor Descripción
none Valor predeterminado. No se dibujará ningún marcador en el punto central de la ruta.
url Referencia a la URL del marcador definido por el elemento SVG <marker>.
initial Establece este atributo en su valor predeterminado. Ver initial.
inherit Hereda esta propiedad del elemento padre. Ver inherit.

Compatibilidad del navegador

Las cifras en la tabla representan la versión del navegador que admite completamente esta propiedad por primera vez.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Páginas relacionadas

Tutoriales:Marcadores SVG

Referencia:Atributo marker de CSS

Referencia:Atributo marker-start de CSS

Referencia:Atributo marker-end de CSS