background-repeat 속성은 삽입된 배경 이미지에 반복 효과를 적용합니다. 속성값에 따라 x축이나 y축으로만 반복 효과를 적용할 수도 있습니다. 보통 표 6-3과 같은 네 가지 속성값을 사용합니다.

    표 6-3 background-repeat 속성의 속성값(background-position을 주석 처리 후 확인)

    속성값

    역할

    결과

    repeat

    x축과 y축으로 모두 반복 효과를 적용합니다.

    repeat-x

    x축으로 반복 효과를 적용합니다.

    repeat-y

    y축으로 반복 효과를 적용합니다.

    no-repeat

    반복 효과를 적용하지 않고 이미지를 하나만 적용합니다.

     

    background-image 속성을 사용하면 background-repeat 속성을 입력하지 않아도 기본값으로 repeat 속성값이 적용됩니다. 따라서 x축과 y축으로 모두 반복 효과가 적용됩니다.

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.