Attribut marker CSS

Page précédente margin-top
Page suivante marker-end

Definition and usage

marker L'attribut pointe vers un marqueur qui sera dessiné sur tous les sommets du chemin de l'élément (c'est-à-dire le premier, le milieu et le dernier sommet).

La forme du marqueur est définie par l'élément SVG <marker> et est référencée par la valeur url().

CSS marker La valeur de l'attribut remplacera toute valeur de l'attribut marker dans SVG.

Instance

Exemple 1

Pointe vers un marqueur (flèche), qui sera dessiné sur le premier, le milieu et le dernier sommet du chemin de l'élément :

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

Try it yourself

Exemple 2

Pointe vers un marqueur (cercle), qui sera dessiné sur le premier, le milieu et le dernier sommet du chemin de l'élément :

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

Try it yourself

CSS syntax

marker: none|url|initial|inherit;

Attribute value

Value	Description
none	Default value. No markers will be drawn on the path.
url	Reference to a URL by the marker defined by the SVG <marker> element.
initial	Sets this property to its default value. See initial.
inherit	Inherits this property from its parent element. See inherit.