background-position : 배경 이미지 위치

 

 

 

background-position은 이미지나 영상을 배경으로 둘 때, 위치를 지정하는 속성이다.

 

 

 background-position 

initial  : 기본값으로 둘 때
inherit  : 부모 요소의 속성값을 상속받고자 할 때
top, right, bottom, left, center, length(길이 단위), percentage(%) .. 

 

 

 

 

CSS 속성마다 배경 이미지의 수평 및 수직 위치를 정할 때 아래의 속성을 사용한다.
position-x는 수평 위치를, position-y는 수직 위치를 설정하며, 설정한 레이어를 기준으로 위치하게 된다.

 background-position-x 
 background-position-y 

 

background-position-y와 동일                                        

 

 

 

적용 예시 :