SVG attributes via CSS

by Roman Bruckner

HTML

<svg>
  <rect />
  <path />
</svg>

CSS

rect {
  width: 100px;
  height: 100px;
  rx: 5px;
  ry: 5px;
  fill: red;
}

path {
  d: path("M 10 150 210 100");
  stroke: red;
  stroke-width: 3;
  fill: none;  
}