Attribut marker-end CSS

Définition et utilisation

marker-end L'attribut pointe vers un marqueur qui sera dessiné sur le dernier sommet du chemin de l'élément.

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-end La valeur de l'attribut remplace la valeur de l'attribut marker-end dans SVG.

Exemple

Exemple 1

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

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

Essayez-le vous-même

Exemple 2

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

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

Essayez-le vous-même

Syntaxe CSS

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

Valeur de l'attribut

Valeur Description
none Valeur par défaut. Aucun marqueur n'est dessiné sur le dernier sommet du chemin.
url URL de référence pour le marqueur défini par l'élément SVG <marker>.
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 cette propriété pour la première fois.

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

Pages associées

Tutoriel :Marqueur SVG

Référence :Attribut marker CSS

Référence :Attribut marker-mid CSS

Référence :Attribut marker-start CSS