Atributo marker-mid de CSS
- Página anterior marker-end
- Página siguiente marker-start
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); }
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); }
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
- Página anterior marker-end
- Página siguiente marker-start