CSS - background-position

   

   

background-position 프로퍼티

• 배경 이미지가 표시될 초기 위치를 지정
• 이미지의 x좌표, y좌표를 지정
  (일반적으로 background-image 는 왼쪽 위부터 이미지를 출력)
• background-repeat 프로퍼티를 사용했을 때만 설정 가능

     

   

속성 값	설명
left top	왼쪽 상단
left center	왼쪽 중앙
left bottom	왼쪽 맨 아래
right top	오른쪽 상단
right center	오른쪽 중앙
right bottom	오른쪽 맨 아래
center top	가운데 상단
center center	정 가운데
center bottom	가운데 맨 아래
x% y%	x는 가로 위치, y는 세로 위치좌표 0% 0% 는 left top과 동일 100% 100% right bottom과 동일 한 위치만 지정하면 나머지는 50%로 자동 설정
백분율	%단위로 위치 지정
숫자	cm, px, in, pt, px, em등의 단위 사용 가능

   

   

좌표 도식도