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의 섞어쓰기는 허용되지 않는다.