더북(TheBook)

background-position 속성은 이미지의 좌푯값을 지정합니다. 속성값에는 영어 표현인 top, left, bottom, right, center를 넣을 수도 있고 구체적인 좌푯값을 넣을 수도 있습니다. 좌푯값은 띄어쓰기를 기준으로 첫 번째 숫자가 x축이고 두 번째 숫자가 y축입니다.

예를 들어 다음 코드는 현재 노란색 박스를 기준으로 x축으로 40px, y축으로 100px만큼 background-image를 이동시킨다는 뜻입니다.

background-position: 40px 100px;  

 

그림 6-4 x축으로 40픽셀, y축으로 100픽셀만큼 background-image를 이동

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