Propriété marker-start de CSS
- Page précédente marker-mid
- Page suivante mask
Définition et utilisation
marker-start
L'attribut pointe vers une marque qui sera dessinée sur le premier 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-start
La valeur de l'attribut couvre la valeur de l'attribut marker-start dans SVG.
Exemple
Exemple 1
Pointe vers une marque (flèche) qui sera dessinée sur le premier sommet du chemin de l'élément :
#test { marker-start: url(#arrow); }
Exemple 2
Pointe vers une marque (cercle) qui sera dessinée sur le premier sommet du chemin de l'élément :
#test { marker-start: url(#circle); }
Syntaxe CSS
marker-start: none;url|initial|inherit;
Valeur de l'attribut
Valeur | Description |
---|---|
none | Valeur par défaut. Aucun marqueur n'est dessiné sur le premier sommet du chemin. |
url | Référence de l'URL de l'élément de marqueur SVG <marker> défini. |
initial | Définit cette propriété à sa valeur par défaut. Voir initial. |
inherit | Inherits cette propriété de son élément parent. Voir inherit. |
Support du navigateur
Les nombres dans le tableau indiquent 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 :Marqueurs SVG
Référence :Propriété marker de CSS
Référence :Propriété marker-mid de CSS
Référence :Propriété marker-end de CSS
- Page précédente marker-mid
- Page suivante mask