최신 웹 개발 튜토리얼
 

Style top Property

<스타일 개체

(A)의 상부 위치 설정 <button> 요소 :

document.getElementById("myBtn").style.top = "100px";
»그것을 자신을 시도

정의 및 사용

상부 속성 설정 또는 위치 된 소자의 상부 위치를 반환한다.

이 속성은 패딩, 스크롤, 테두리와 마진을 포함한 요소의 상단 위치를 지정합니다.

Tip: 상대 절대되거나 고정하십시오 위치 소자의 위치 특성 세트를 갖는 원소이다.

팁 : 설정하거나 위치 요소의 하단에 위치를 반환하려면, 사용 아래 속성을.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

최상위 속성은 모든 주요 브라우저에서 지원됩니다.


통사론

상단 속성을 반환합니다 :

object .style.top

상단 속성을 설정 :

oject .style.top="auto| 속성 값
기술
auto 상단 위치를 설정 브라우저를 할 수 있습니다. 이 기본이다
length 길이 단위에서 최고의 위치를 ​​정의합니다. 음수 값이 허용됩니다
% 부모 요소의 높이 %에서 최고의 위치를 ​​설정합니다
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 자동차
반환 값 : 위치 지정 부재의 상단 위치를 나타내는 문자열
CSS 버전 CSS2

더 예

음수 값을 사용 - a의 상단 위치 설정 <div> 요소를 :

document.getElementById("myDiv").style.top = "-100px";
»그것을 자신을 시도

a의 정상 위치로 돌아 <div> 요소를 :

alert(document.getElementById("myDiv").style.top);
»그것을 자신을 시도

관련 페이지

CSS 자습서 : CSS의 위치

CSS 참조 : top property


<스타일 개체