Propriété marker-start de CSS

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);
}

Essayez-le vous-même

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);
}

Essayez-le vous-même

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