웹스터디

background-repeat

토픽 웹스터디 > CSS Dictionary

Summary

지정된 배경이미지를 어떻게 반복 시킬것인지를 지정합니다.

repeat | repeat-x | repeat-y | no-repeat | inherit
기본값repeat
적용대상모든요소
상속상속안됨
퍼센테이지지정불가
미디어Visual

Value

  • repeat : 배경 이미지를 수평과 수직으로 반복합니다.
  • repeat-x : 배경 이미지를 수평으로 반복합니다.
  • repeat-y : 배경 이미지를 수직으로 반복합니다.
  • no-repeat : 배경 이미지를 반복하지 않고 한번만 나타냅니다.

Tip

  1. 다음과 같이 사용할 수 있습니다.
    body {
        background-repeat: repeat-x;    
    }

댓글

댓글 본문
  1. 푸른하늘
    11일차 공부 감사합니다
  2. background:url() no re-peat 0 50%;

    여기서 0 50%는 무슨 뜻인가요~?