Referenz:SVG/Attribute/stroke-linecap

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Attribut stroke-linecap
Beschreibung verändert Aussehen von Linienenden
erlaubte Werte
  • butt: rechteckige, an den Endpunkten beschnittene Enden
  • round: abgerundete Enden (über die Endpunkte hinaus)
  • square: rechteckige Enden (über die Endpunkte hinaus)
default-Wert butt
animierbar ja, siehe Einzelwerte
anwendbar auf Formen und Text-Elemente (Unterschied Tag Element Attribut)
Browsersupport
  • Chrome
  • Firefox
  • IE 9
  • Opera
  • Safari
Spezifikation W3c logo klein.gif StrokeLinecap Property
Beispiel
#eins {
  stroke-linecap: butt;
  } 
#zwei {
  stroke-linecap: round;
  } 
#drei {
  stroke-linecap: square;
  }

Die Linien haben einen stumpfen, runden, sowie etwas überstehenden Linienendpunkt.

Beachten Sie

Die Wertangaben round und square ragen über die Endpunkte hinaus.

Tipp

Präsentationsattribut, kann als

festgelegt werden.