<link rel="match" href="reference/svg-stroke-styles.html" />
<style>
path {
  stroke-width: 20;
}
path:nth-of-type(1) {
  stroke-linecap: butt;
}
path:nth-of-type(2) {
  stroke-linecap: round;
}
path:nth-of-type(3) {
  stroke-linecap: square;
}
</style>
<svg width="600" viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
  <!-- Horizontal lines. -->
  <path d="M20,20 h40" stroke="red"/>
  <path d="M20,50 h40" stroke="yellow" />
  <path d="M20,80 h40" stroke="blue" />

  <!-- Vertical lines. -->
  <pat