SVG/Attribut/stroke-dasharray

Das stroke-dasharray-Präsentationsattribut legt ein Strichmuster für die Randlinie fest.

Erlaubte Werte

• none: durchgehende Linie
• Liste von Strich- und Lückenlängen (als Längen- oder Prozentangabe), getrennt durch Leerzeichen oder Komma

Standardwert

none

anwendbar auf

Formen und Text-Elemente

Präsentationsattribut

ja

mit CSS animierbar

ja

Beispiel

circle {
  stroke-dasharray: 1%, 1%; 
}
rect {
  stroke-dasharray: 5 10 5; 
}

Der Rand des Kreises wird als gepunktete, klein gestrichelte Linie dargestellt.
Die Kontur des Rechtecks wird gestrichelt.

Beachten Sie: Die Liste aus Werten wird intern wiederholt, bis das Ende des Pfades erreicht ist. Falls die Liste aus einer ungeraden Zahl von Werten besteht, werden Strichlängen im Wiederholteil zu Lückenlängen und umgekehrt.
Prozentwerte beziehen sich auf die Normierte Bilddiagonale‏‎ des SVG-Elements.

Siehe auch

• SVG/Farben/Kontur#stroke-dasharray

Weblinks

• Spezifikation (W3C): StrokeDashArray Property