Atributo marker de CSS

Definición y uso

marker La propiedad apunta a un marcador que se dibujará en todos los vértices de la ruta del elemento (es decir, el primero, el medio y el último vértice).

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

CSS marker El valor de la propiedad sobrescribe cualquier valor de la propiedad marker en SVG.

Ejemplo

Ejemplo 1

Se apunta a un marcador (flecha) que se dibujará en el primer, el medio y el último vértice de la ruta del elemento:

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

Prueba por tu cuenta

Ejemplo 2

Se apunta a un marcador (círculo) que se dibujará en el primer, el medio y el último vértice de la ruta del elemento:

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

Prueba por tu cuenta

Sintaxis CSS

marker: none|url|initial|inherit;

Valor del atributo

Compatibilidad del navegador

Las cifras en la tabla representan la versión del navegador que primero admite esta propiedad.

Páginas relacionadas

Tutorial:Etiqueta SVG

Referencia:Atributo marker-start de CSS

Referencia:Atributo marker-mid de CSS

Referencia:Atributo marker-end de CSS