[CSS] background-position


[CSS] background-position

background-position - background-position을 통해 배경 이미지가 해당 요소의 어느 부분에 위치할 것인지에 대한 실질적인 위치 정보를 지정 가능. - right top은 우측 상단을 의미. - 배경 이미지의 위치를 설정하는 것. [속성 값] - %: 기본값은 0% 0%. - 앞의 값은 x축, 뒤의 값은 y축을 의미. - 왼쪽 상단 모서리는 0% 0%, 오른쪽 하단 모서리는 100% 100%. - 방향: 방향을 입력하여 위치 설정. - top, bottom, left, right, center. - 100% 100% = right bottom. - 단위: px, em 등의 단위로 지정. [사용 방법] - 속성 값이 방향일 경우. background-position: 방향1 방향2; - 이때 방향1과 방향2의 순서는 바뀌어도 상관 없음. right bottom = bottom right. - 속성 값이 단위(%, px 등)일 경우. background-p...


#background #backgroundposition #css #position

원문링크 : [CSS] background-position