CSS 마커 미드 속성

정의와 사용법

marker-mid 속성은 요소 경로의 모든 중간 정점에 그려질 마커를 지정합니다。

마커의 형태는 SVG <marker> 요소로 정의되며, url() 값을 통해 참조됩니다。

CSS marker-mid 속성의 값은 SVG에서 marker-mid 속성의 값을 대체합니다。

하나의 마커(화살표)를 지정하여, 이 마커가 요소 경로의 모든 중간 정점에 그려집니다:

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

하나의 마커(원)를 지정하여, 이 마커가 요소 경로의 모든 중간 정점에 그려집니다:

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

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

값	설명
none	기본 값. 경로의 중간 정점에 마커가 그려지지 않습니다。
url	SVG <marker> 요소로 정의된 마커의 URL을 참조합니다。
initial	이 속성을 기본 값으로 설정합니다. 참조 initial。
inherit	부모 요소에서 이 속성을 상속합니다. 참조 inherit。

표格에 표시된 숫자는 이 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다。

크롬	에지	파이어폭스	사파리	오페라
80	80	72	13.1	67