CSS 마커 스타트 속성
- 이전 페이지 marker-mid
- 다음 페이지 mask
정의와 사용법
marker-start
속성은 경로의 첫 번째 정점에 그려질 표시를 지정합니다.
표시의 형태는 SVG <marker> 요소로 정의되며, url() 값으로 참조됩니다.
CSS marker-start
속성의 값은 SVG에서 marker-start 속성의 값을 대체합니다.
실례
예제 1
하나의 표시( 화살표)를 지정하여, 이 표시는 요소 경로의 첫 번째 정점에 그려집니다:
#test { marker-start: url(#arrow); }
예제 2
하나의 표시(원)를 지정하여, 이 표시는 요소 경로의 첫 번째 정점에 그려집니다:
#test { marker-start: url(#circle); }
CSS 문법
marker-start: 없음|url|초기값|thừa kế;
속성 값
값 | 설명 |
---|---|
없음 | 기본 값. 경로의 첫 번째 정점에서는 어떤 표시도 그려지지 않습니다. |
url | SVG <marker> 요소로 정의된 표시의 URL을 참조합니다. |
초기값 | 이 속성을 기본 값으로 설정합니다. 참조 초기값。 |
thừa kế | 이 속성을 부모 요소에서 继承합니다. 참조 thừa kế。 |
브라우저 지원
표에서의 숫자는 이 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다.
크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
관련 페이지
강의:SVG 표시
참조:CSS 마커 속성
참조:CSS 마커 미드 속성
참조:CSS 마커 엔드 속성
- 이전 페이지 marker-mid
- 다음 페이지 mask