개요
이 속성은 요소가 위치할 방식을 지정한다.
top, right, bottom, left 속성으로 간격(offset)을 지정할 수 있으며, z-index로 z축 순서를 지정할 수 있다. 단 정상(static) 위치는 지정할 수 없다.
정의
값
| 값 | 설명 |
|---|
| static | 정상적으로 지정한다. 'top', 'right', 'bottom', 'left' 속성을 지정할 수 없다. |
| relative | 상대적인 위치를 지정한다. 정상 흐름을 유지하며, 자신의 위치로부터 상대적으로 위치한다. |
| absolute | 절대적인 위치를 지정한다. 정상 흐름으로부터 제외돼서, 화면 배치에 영향을 주지 않는다. |
| fixed | 위치를 고정한다. 절대적인 위치와 비슷하지만, 화면 표시 영역viewport에서 스크롤할 때 이동하지 않고, 인쇄시 페이지의 같은 위치에 계속 출력된다. |
| inherit | 부모 요소의 값을 상속하도록 지정한다. |
예제
브라우저 호환성
| 값 | IE6? | IE7? | FF2? | Op9? |
|---|
| static | 지원 | 지원 | 지원 | 지원 |
| relative | 불안정 | 불안정 | 지원 | 지원 |
| absolute | 불안정 | 불안정 | 지원 | 지원 |
| fixed | 미지원 | 불안정 | 지원 | 지원 |
| inherit | 미지원 | 미지원 | 지원 | 지원 |
Hooney (124.111.246.53)
2008년 02월 29일, 14:47
