position

박스의 위치를 정하는 방식을 지정합니다. table-column-group과 table-column 요소에는 적용되지 않습니다. top, right, bottom, left를 사용해서 옵셋 거리를 지정합니다.
CSS Level
CSS 2, CSS 3
상속
아니오
기본값
static

사용법

position: absolute;
object.style.position = "absolute";

속성

static
특정 좌표를 지정하지 않고, 일반적인 위치에 표시합니다. 이 경우 top, right, bottom, left는 적용되지 않습니다.
relative
박스의 일반적인 위치로부터 옵셋 거리만큼 떨어진 위치에 표시합니다.
absolute
박스의 컨테이너 요소의 좌표를 기준으로 옵셋 거리만큼 떨어진 위치에 표시합니다. 다른 블록 레이아웃에 영향을 주지 않습니다.
fixed
absolute와 동일하지만 뷰포트에 고정되어 표시됩니다.
center
CSS 3. 컨테이너 요소의 중심을 기준으로 옵셋 거리만큼 떨어진 위치에 표시합니다.
page
CSS 3. absolute와 유사합니다.


알립니다!

사이드바의 프로퍼티 목록 중 뒤에 별표(*)가 붙은 것은 CSS 3의 내용이 반영되지 않은 것입니다.

읽으신 글에 수정할 내용, 추가할 내용 등이 있다면 부담없이 댓글을 남겨 주세요.