예
(A)의 위치 변경 <div> 절대 상대의 요소 :
document.getElementById("myDIV").style.position = "absolute";
»그것을 자신을 시도 정의 및 사용
position 속성 설정 또는 소자에 사용될 위치 확인 방법의 종류 반환 (static, relative, absolute or fixed) .
브라우저 지원
위치 속성은 모든 주요 브라우저에서 지원됩니다.
통사론
위치 속성을 반환합니다 :
object .style.position
위치 속성을 설정 :
object .style.position="static|absolute|fixed|relative|initial|inherit"
속성 값
| 값 | 기술 |
|---|---|
| static | 그들은 문서 흐름에 나타나는 요소는 순서대로 렌더링합니다. 이 기본값입니다. |
| absolute | 이 요소는 첫 번째 위치에 대한 상대 위치 (not static) 상위 요소 |
| fixed | 요소는 브라우저 창에 대해 위치 |
| relative | 요소는 정상 위치에 대해 위치하므로된다 "left:20" 엘리먼트의 좌측 위치에 20 개 픽셀을 추가 |
| initial | 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
기술적 세부 사항
| 기본값: | 공전 |
|---|---|
| 반환 값 : | 요소의 위치 유형을 나타내는 문자열 |
| CSS 버전 | CSS2 |
더 예
예
다른 위치 유형을 사용 :
function myFunction(x) {
var whichSelected = x.selectedIndex;
var posVal = x.options[whichSelected].text;
var elem =
document.getElementById("myDiv");
elem.style.position=posVal;
}
»그것을 자신을 시도 관련 페이지
CSS 자습서 : CSS의 위치
CSS 참조 : position property
<스타일 개체