CSS リファレンスマニュアル

CSS 属性

marker-start 属性は、要素のパスの最初の頂点に描かれるマーカーを指します。

マーカーの形状はSVG <marker> 要素で定義され、url() 値で参照されます。

CSS marker-start 属性の値は、SVGのmarker-start属性の値を上書きします。

要素のパスの最初の頂点に描かれるマーカー（矢印）を指します：

#test {
  marker-start: url(#arrow);
}

要素のパスの最初の頂点に描かれるマーカー（円）を指します：

#test {
  marker-start: url(#circle);
}

marker-start: none;url|initial|inherit;

値	説明
none	デフォルト値。パスの最初の頂点にマーカーは描かれません。
url	SVG <marker> 要素で定義されたマーカーの URL を参照します。
initial	この属性をデフォルト値に設定します。参照: initial。
inherit	この属性を親要素から継承します。参照: inherit。

テーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

クローム	エッジ	ファイアフォックス	サファリ	オペラ
80	80	72	13.1	67