fill 속성은 HTML의 img 태그에서 사용하는 속성이 아닙니다. 대신, CSS의 background-image, background-size, background-repeat, background-position, background-attachment 속성을 사용하여 배경 이미지를 설정할 수 있습니다.
fill 속성은 SVG(Scaled Vector Graphics)에서 사용하는 속성입니다. SVG는 Scalable Vector Graphics의 약자로, 벡터 그래픽을 위한 XML 기반의 마크업 언어입니다.
fill 속성의 기본값은 'none'입니다. fill 속성을 사용하여 배경색을 채우는 방법은 다음과 같습니다.
#hostingforum.kr
css
svg {
fill: #ff0000; /* 배경색을 빨간색으로 설정 */
}
fill 속성은 다른 속성과 달라지는 점은, fill 속성은 SVG의 요소에만 적용되며, HTML의 img 태그에는 적용되지 않습니다. 또한, fill 속성은 배경색을 설정하는 것이 아니라, SVG의 요소에 채우기를 적용하는 속성입니다.
예를 들어, SVG의 rect 요소에 fill 속성을 사용하여 배경색을 채우는 방법은 다음과 같습니다.
#hostingforum.kr
css
svg {
width: 100px;
height: 100px;
}
rect {
fill: #ff0000; /* 배경색을 빨간색으로 설정 */
}
이 예제에서는 SVG의 rect 요소에 fill 속성을 사용하여 배경색을 빨간색으로 설정했습니다.
2025-07-14 03:00