css - CSSでSVG要素にボーダー/アウトライン/ストロークを追加するには?

Question

D3js のおかげで、SVG 要素を Web ページに挿入しています。次のような構文であるため、これらの要素のスタイルを設定するのは困難です

path { border: 3px solid green; }

動作しません。

CSS を使用して Web ページの SVG 要素に境界線/アウトライン/ストロークを追加するにはどうすればよいですか?

Answer 1

CSSでは、次のようになります。

path {
  fill: none;
  stroke: #646464;
  stroke-width: 1px;
  stroke-dasharray: 2,2;
  stroke-linejoin: round;
}