CSS가 SVG 경로의 채우기 색상을 재정의할 수 있습니까?

CSS가 SVG 경로의 채우기 색상을 재정의할 수 있나요?

질문:

할 수 있나요? 경로의 채우기 속성을 수정하지 않고 CSS 또는 다른 방법을 사용하여 SVG 경로의 채우기 색상을 변경합니다. 직접?

답변:

예, CSS를 사용하여 SVG 경로의 채우기 색상을 재정의할 수 있습니다.

해결책:

CSS에서는 HTML 요소와 마찬가지로 SVG 요소를 선택하고 스타일을 지정할 수 있습니다. 모든 SVG 경로의 채우기 색상을 변경하려면 다음 CSS 규칙을 사용하십시오.

<code class="css">path {
  fill: blue;
}</code>

이 규칙은 지정된 채우기 색상을 SVG 내의 모든 경로에 적용합니다.

외부 CSS에 유의하세요. 경로 요소에 설정된 채우기 속성을 재정의할 수 있습니다. 그러나 채우기 속성이 경로 요소에 명시적으로 설정된 경우(예: ) 해당 설정은 외부 CSS보다 우선합니다.

위 내용은 CSS가 SVG 경로의 채우기 색상을 재정의할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!