Background Position
바탕그림의
위치 Background Position
형식
background-position:value=<percentage>|<length>|{1,2}|top|center|bottom|left|center|
right>
바탕그림Background Image의 초기위치를 지정한다.
이것은 블럭태그Block-Level Elements와 대치태그(HTML의 대치태그는 IMG, INPUT, TEXTAREA, SELECT와
OBJECT등이다.)에만 적용된다.
<percentage>나<length>를
사용할 때에는 가로 위치를 먼저 지정한 다음 세로 위치를 지정해야 한다. 10% 70%로 지정할 경우, 바탕그림Background
Image은 가로 10%, 세로 70%되는 지점에 놓인다. 길이Length를 10px 20px로 하면, 그림은 가로 5px 세로
10px되는 지점에 놓인다.
주의
가로 값만을 지정하면, 세로 값은 자동으로 50%가
된다. 또 길이Length와 백분율Percentage의 섞어쓰기가 허용되지만, 이때 길이는 10% -2cm처럼 음수만 가능하다.
한편, 백분율Percentage과 길이Length의 섞어쓰기는 허용되지 않는다.