Attribut marker-mid CSS

Definition and usage

marker-mid The property points to a marker that will be drawn at all intermediate points of the element's path.

The shape of the marker is defined by the SVG <marker> element and is referenced by the url() value.

CSS marker-mid The value of the property overrides the value of the marker-mid property in SVG.

Example

Example 1

Points to a marker (arrow) that will be drawn at all intermediate points of the element's path:

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

Try it yourself

Example 2

Points to a marker (circle) that will be drawn at all intermediate points of the element's path:

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

Try it yourself

CSS syntax

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

Property value

Value Description
none Default value. No marker is drawn at the midpoint of the path.
url Reference to the URL of a marker defined by an SVG <marker> element.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Prise en charge du navigateur

Les nombres dans le tableau représentent la version du navigateur qui prend en charge entièrement cette propriété pour la première fois.

Chrome Edge Firefox Safari Opéra
80 80 72 13.1 67

Pages connexes

Tutoriel :Marqueur SVG

Référence :Attribut marker CSS

Référence :Attribut marker-start CSS

Référence :Attribut marker-end CSS