La propriétéCSSmarker-mid pointe vers un marqueur qui sera dessiné sur les sommets intermédiaires du chemin de l'élément ; c'est-à-dire à chacun de ses sommets entre les sommets de début et de fin. Le marqueur doit avoir été défini à l'aide d'un élément SVG<marker> et ne peut être référencé qu'avec une valeur<url>. La valeur de la propriété CSS remplace toute valeur de l'attributmarker-mid dans le SVG.

La direction de chaque marqueur est définie comme la direction à mi-chemin entre la direction à la fin du segment de chemin précédent et la direction au début du segment de chemin suivant. On peut voir cela comme le produit vectoriel des vecteurs définis par les deux directions de chemin.

Syntaxe

marker-mid: none;marker-mid: url("markers.svg#arrow");/* Valeurs globales */marker-mid: inherit;marker-mid: initial;marker-mid: revert;marker-mid: revert-layer;marker-mid: unset;

Valeurs

none

Cela signifie qu'aucun marqueur ne sera dessiné à chaque sommet intermédiaire du chemin de l'élément.

<marker-ref>

Une<url> qui fait référence à un marqueur défini par un élément SVG<marker>, à dessiner à chaque sommet intermédiaire du chemin de l'élément. Si la référence d'URL est invalide, aucun marqueur ne sera dessiné aux sommets intermédiaires du chemin.

Définition formelle

Syntaxe formelle

marker-mid =
none|
<marker-ref>

<marker-ref> =
<url>

Exemples

html,body,svg {  height: 100%;}

<svg viewBox="0 0 240 120" xmlns="http://www.w3.org/2000/svg">  <defs>    <marker           viewBox="0 0 10 10"      markerWidth="10"      markerHeight="10"      refX="1"      refY="5"      markerUnits="strokeWidth"      orient="auto">      <path d="M 0 0 L 10 5 L 0 10 z" fill="red" />    </marker>  </defs>  <polyline       fill="none"    stroke="black"    points="20,100 40,60 70,80 100,20 130,10 150,10 170,20 170,100 120,100" /></svg>

polyline#test {  marker-mid: url("#triangle");}

Spécifications

Compatibilité des navigateurs

Voir aussi

• La propriétémarker-start
• La propriétémarker-end
• La propriétémarker
• L'attribut SVGmarker-mid