Attribut marker-end CSS
- Page précédente marker
- Page suivante marker-mid
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); }
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); }
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
- Page précédente marker
- Page suivante marker-mid