더 "Try it Yourself" 아래의 예.
정의 및 사용
위치 속성은 요소에 사용될 위치 확인 방법의 종류를 지정 (static, relative, absolute or fixed) .
기본값: | static |
---|---|
상속 : | no |
애니메이션 : | no. Read about animatable |
번역: | CSS2 |
자바 스크립트 구문 : | object .style.position="absolute" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
재산 | |||||
---|---|---|---|---|---|
position | 1.0 | 7.0 | 1.0 | 1.0 | 4.0 |
CSS 구문
position: static|absolute|fixed|relative|initial|inherit;
속성 값
값 | 기술 | 플레이 |
---|---|---|
static | 기본값. 그들은 문서 흐름에 나타나는 요소는 순서대로 렌더링 | »플레이 |
absolute | 이 요소는 첫 번째 위치에 상대적 위치 (not static) 조상 요소 | »플레이 |
fixed | 요소는 브라우저 창에 대해 위치 | »플레이 |
relative | 요소는 정상 위치에 대해 위치, 그렇게된다 "left:20px" 요소의 왼쪽 위치로 20 픽셀을 추가 | »플레이 |
initial | 기본값으로이 속성을 설정합니다. 초기에 대해 알아보기 | »플레이 |
inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
더 예
예
어떻게 정상 위치에 요소의 상대적 위치를 :
h2.pos_left {
position: relative;
left: -20px;
}
h2.pos_right {
position:
relative;
left: 20px;
}
»그것을 자신을 시도 관련 페이지
CSS 자습서 : CSS의 위치
HTML DOM 참조 : position property