CSS 참조 설명서

CSS @규칙(RULES)

CSS 배경-position 속성이 요소의배경-image의 초기 위치(즉, 원점). 줄임말 사용배경속성은 일반적으로 더 편리합니다.

다음 표는 이 속성의 사용 문맥과 버전 역사를 요약합니다.

기본 값:	0% 　0%
적용:	모든 요소
thừa kế:	없음
애니메이션 가능:	네.참조하십시오 애니메이션 속성。
버전:	CSS 1，2，3
JavaScript 문법:	object　　　object.style.backgroundPosition="center"

이 속성의 문법은 다음과 같습니다：

배경-position:　[　percentage　|　length　|　left　|　center　|　right　]　1　또는　2　values　|　initial　|　inherit

다음 예제는 background를 사용하는 방법을 보여줍니다.-position 속성.

예제

p　{
　　　　배경-image:　url("images/smiley.png");
　　　　배경-position:　50%　center;
}

주의:한 가지 값만 지정된 경우 두 번째 값은 중심으로 가정합니다. 두 가지 값이 사용되고 적어도 하나가 키워드가 아닌 경우, 첫 번째 값은 수평 위치를, 두 번째 값은 수직 위치를 나타냅니다.

다음 표는 이 속성의 값을 설명합니다.

값	설명
bottom	수직 위치와 동일합니다.100％.
center	기타 설명이 없으면 수직 위치가 수평 위치와 동일합니다.50％，또는 수직 위치를 제공합니다50％.
left	수직 위치의 0％에 해당합니다.
right	수직 위치와 동일합니다.100％.
top	수직 위치가 0％입니다.
length	실제 픽셀 길이. 예를 들어, 값 '0px'을 사용하면 10px 2px” 때, 이미지의 왼쪽 상단은 요소 상자의 오른쪽에 위치합니다10px에서, 상자의 왼쪽 상단 아래에 있습니다20px。
percentage	요소 크기의 퍼센트입니다. 예를 들어, 값 '0% 0%'을 사용하면 이미지의 왼쪽 상단이 요소 상자의 왼쪽 상단과 일치합니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 관련 요소는 부모 요소의 배경 속성 계산 값을 사용합니다.-position。

배경-position 속성의 브라우저 호환성, 모든 주요 브라우저가 이 속성을 지원합니다.

	파이어폭스 1+ 구글 크롬1+ 인터넷 익스플로러 4+ 애플 사파리 1+ 오페라 3.5+

다음 튜토리얼을 참조하십시오:CSS 배경，CSS3배경。